use-eimzo
— bu veb-ilovalarda E-IMZO raqamli imzo tizimi bilan ishlashni osonlashtiradigan React hook va provayder. U sertifikatlarni yuklash, PKCS7 yaratish va skript injeksiya jarayonlarini boshqarishni soddalashtiradi.
Paketni npm yoki yarn orqali o'rnating:
npm install use-eimzo
yoki
yarn add use-eimzo
EImzoProvider
komponenti yordamida ilovangizni o'rab oling, bu E-IMZO skriptining to'g'ri yuklanishini ta'minlaydi.
import { EImzoProvider } from 'use-eimzo'
function App() {
return (
<EImzoProvider>
<YourComponent />
</EImzoProvider>
)
}
useEImzo
hookidan foydalanib, E-IMZO funksiyalariga kirish mumkin.
import { useEImzo } from 'use-eimzo'
import { useEffect, useState } from 'react'
function YourComponent() {
const { listAllKey, createPkcs7 } = useEImzo()
const [keys, setKeys] = useState([])
useEffect(() => {
listAllKey().then(setKeys).catch(console.error)
}, [])
const handleSign = async (cert) => {
try {
const signedData = await createPkcs7(cert)
console.log('Imzolangan ma’lumot:', signedData)
} catch (error) {
console.error('Imzolashda xatolik:', error)
}
}
return (
<div>
<h2>Mavjud sertifikatlar</h2>
{keys.map((cert, index) => (
<div key={index}>
<p>{cert.CN}</p>
<button onClick={() => handleSign(cert)}>Imzolash</button>
</div>
))}
</div>
)
}
EimzoDefaultItem
komponentidan sertifikat tafsilotlarini ko'rsatish uchun foydalaning.
import { EimzoDefaultItem } from 'use-eimzo'
function CertificateList({ data }) {
return (
<div>
{data.map((cert, index) => (
<EimzoDefaultItem key={index} data={cert} />
))}
</div>
)
}
- Foydalanuvchi sertifikatlarini yuklash va ro'yxatlash
- PKCS7 imzo yaratish
- E-IMZO skriptini avtomatik yuklash
- Sertifikat tafsilotlarini ko'rsatish uchun tayyor komponent
- React 17+
- Foydalanuvchi tizimida E-IMZO mijoz dasturi o‘rnatilgan va ishga tushirilgan bo‘lishi kerak
MIT