Comment on page
How to set up the verification portal for implementation
The document will help an implementer make changes to DIVOC’s verification component in line with any changes made to the certificate. It could include changes in the QR code section of the certificate or the logo, among others.
This section will cover the steps to update the verification component by configuring:
- 1.Verification portal home page
- 2.Verification confirmation page
- 1.
<div style={{paddingBottom: "3rem", paddingTop: "3rem"}}>
<Switch>
<Route exact path={"/"} component={Home}/>
<Route exact path={config.urlPath + "/login"} component={Login}/>
<Route exact path={"/side-effects"} component={SideEffects}/>
<Route exact path={"/feedback"} component={SideEffects}/>
<PrivateRoute exact path={"/feedback/verify"} component={SubmitSymptomsForm} role={RECIPIENT_ROLE} clientId={RECIPIENT_CLIENT_ID}/>
<Route exact path={"/dashboard"} component={Dashboard}/>
<Route exact path={"/verify-certificate"} component={VerifyCertificate}/>
<Route exact path={"/learn"} component={Learn}/>
<Route exact path={"/not-found"} component={PageNotFound}/>
</Switch>
</div>
2. You can configure the timeout period for the camera to read the QR code in config.CERTIFICATE_SCAN_TIMEOUT.
3. If the camera is unable to read the QR code content, the timeout can be set to retry.
const onScanWithQR = () => {
setShowScanner(true);
setTimeout(() => {
if(!result) {
setShowTimeout(true);
}
}, config.CERTIFICATE_SCAN_TIMEOUT);
};
const onTryAgain = () => {
setShowTimeout(false);
setShowScanner(false)
};
4. The QR code scan is triggered from the ‘VerifyCertificate’ method. Once the QR code is read by the application, it is unzipped using the jsZip library.
- You can refer to this file as an example of a country-specific configuration (https://verify.icmr.org.in/).
Example: Include the beneficiary’s parent name as a mandatory field in the verification confirmation page.
- Add a parameter in the function “vaccinationContextV2” to set the schema.
"Person": {
"@id": "schema:Person",
"@context": {
"@version": 1.1,
"@protected": true,
"refId": "schema:id",
"uhid": "schema:id",
"name": "schema:name",
"age": "schema:Number",
"gender": "schema:gender",
"nationality": "schema:nationality",
"recipientParentName": "schema:name",
"address": {
"@id": "schema:PostalAddress",
"@context": {
"@version": 1.1,
"@protected": true,
"streetAddress": "schema:streetAddress",
"streetAddress2": "vac:addressLine2",
"city": "vac:city",
"district": "vac:district",
"addressRegion": "schema:addressRegion",
"postalCode": "schema:postalCode",
"addressCountry": "schema:addressCountry"
}
}
}
},
- Add recipientParentName in the certificate variable inside the function createCertificate.
"certificate": {
"Name": "Name",
"Age": "Age",
"DOB": "DOB",
"Gender": "Gender",
"recipientParentName":"Recipient Parent Name",
"Certificate ID": "Certificate ID",
"Vaccine Name": "Vaccine Name",
"Vaccine Type": "Vaccine Type",
"Date of Issue": "Date of Issue",
"Valid Until": "Valid Until",
"Dose": "Dose",
"Total Doses": "Total Doses",
"Vaccination Facility": "Vaccination Facility"
},
- Build and deploy your changes.
Note:
- The ‘recipientParentName’ should match with the key in the QR code Json file available in the main.js.
- To remove any value (such as “vaccine type”) from the UI screen, you can remove that parameter in the certification field.
All content on this page by eGov Foundation is licensed under a Creative Commons Attribution 4.0 International License.