Serviço De Código De Barras Com O Adaptive Forms barcode-service-with-adaptive-forms
Este artigo demonstrará o uso do Serviço de código de barras para preencher o Formulário adaptável. O caso de uso é o seguinte:
- O usuário adiciona o PDF com código de barras como anexo do Formulário adaptável
- O caminho do anexo é enviado para o servlet
- O servlet decodificou o código de barras e retorna os dados no formato JSON
- O Formulário adaptável é preenchido usando os dados decodificados
O código a seguir decodifica o código de barras e preenche um objeto JSON com os valores decodificados. O servlet retorna o objeto JSON em sua resposta ao aplicativo de chamada.
public JSONObject extractBarCode(Document pdfDocument) {
// TODO Auto-generated method stub
try {
org.w3c.dom.Document result = barcodeService.decode(pdfDocument, true, false, false, false, false, false,
false, false, CharSet.UTF_8);
List<org.w3c.dom.Document> listResult = barcodeService.extractToXML(result, Delimiter.Carriage_Return,
Delimiter.Tab, XMLFormat.XDP);
log.debug("the form1 lenght is " + listResult.get(0).getElementsByTagName("form1").getLength());
JSONObject decodedData = new JSONObject();
decodedData.put("name", listResult.get(0).getElementsByTagName("Name").item(0).getTextContent());
decodedData.put("address", listResult.get(0).getElementsByTagName("Address").item(0).getTextContent());
decodedData.put("city", listResult.get(0).getElementsByTagName("City").item(0).getTextContent());
decodedData.put("state", listResult.get(0).getElementsByTagName("State").item(0).getTextContent());
decodedData.put("zipCode", listResult.get(0).getElementsByTagName("ZipCode").item(0).getTextContent());
decodedData.put("country", listResult.get(0).getElementsByTagName("Country").item(0).getTextContent());
log.debug("The JSON Object is " + decodedData.toString());
return decodedData;
} catch (Exception e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return null;
}
Veja a seguir o código do servlet. Esse servlet é chamado quando o usuário adiciona um anexo ao Formulário adaptável. O servlet retorna o objeto JSON de volta para o aplicativo de chamada. O aplicativo de chamada preenche o formulário adaptável com os valores extraídos do objeto JSON.
@Component(service = Servlet.class, property = {
"sling.servlet.methods=get",
"sling.servlet.paths=/bin/decodebarcode"
})
public class DecodeBarCode extends SlingSafeMethodsServlet {
@Reference
DocumentServices documentServices;
@Reference
GetResolver getResolver;
private static final Logger log = LoggerFactory.getLogger(DecodeBarCode.class);
private static final long serialVersionUID = 1L;
protected void doGet(SlingHttpServletRequest request, SlingHttpServletResponse response) {
ResourceResolver fd = getResolver.getFormsServiceResolver();
Node pdfDoc = fd.getResource(request.getParameter("pdfPath")).adaptTo(Node.class);
Document pdfDocument = null;
log.debug("The path of the pdf I got was " + request.getParameter("pdfPath"));
try {
pdfDocument = new Document(pdfDoc.getPath());
JSONObject decodedData = documentServices.extractBarCode(pdfDocument);
response.setContentType("application/json");
response.setHeader("Cache-Control", "nocache");
response.setCharacterEncoding("utf-8");
PrintWriter out = null;
out = response.getWriter();
out.println(decodedData.toString());
} catch (RepositoryException | IOException e1) {
// TODO Auto-generated catch block
e1.printStackTrace();
}
}
}
O código a seguir faz parte da biblioteca do cliente que é referenciada pelo Formulário adaptável. Quando um usuário adiciona o anexo ao formulário adaptável, esse código é acionado. O código faz uma chamada GET para o servlet com o caminho do anexo passado no parâmetro de solicitação. Os dados recebidos da chamada de servlet são usados para preencher o formulário adaptável.
$(document).ready(function()
{
guideBridge.on("elementValueChanged",function(event,data){
if(data.target.name=="fileAttachment")
{
window.guideBridge.getFileAttachmentsInfo({
success:function(list)
{
console.log(list[0].name + " "+ list[0].path);
const getFormNames = '/bin/decodebarcode?pdfPath='+list[0].path;
$.getJSON(getFormNames, function (data) {
console.log(data);
var nameField = window.guideBridge.resolveNode("guide[0].guide1[0].guideRootPanel[0].Name[0]");
nameField.value = data.name;
var addressField = window.guideBridge.resolveNode("guide[0].guide1[0].guideRootPanel[0].Address[0]");
addressField.value = data.address;
var cityField = window.guideBridge.resolveNode("guide[0].guide1[0].guideRootPanel[0].City[0]");
cityField.value = data.city;
var stateField = window.guideBridge.resolveNode("guide[0].guide1[0].guideRootPanel[0].State[0]");
stateField.value = data.state;
var zipField = window.guideBridge.resolveNode("guide[0].guide1[0].guideRootPanel[0].Zip[0]");
zipField.value = data.zipCode;
var countryField = window.guideBridge.resolveNode("guide[0].guide1[0].guideRootPanel[0].Country[0]");
countryField.value = data.country;
});
}
});
}
});
});
Linha 12 - Código personalizado para obter resolvedor de serviço. Este pacote está incluído como parte dos ativos deste artigo.
Linha 23 - Chamar o método extractBarCode do DocumentServices para obter o objeto JSON preenchido com dados decodificados
Para executar isso em seu sistema, siga as seguintes etapas:
- Baixe BarcodeService.zip e importe para a AEM usando o gerenciador de pacotes
- Baixe e instale o pacote de serviços de documento personalizados
- Baixe e instale o pacote DevelopingWithServiceUser
- Baixe o formulário de amostra do PDF
- Aponte seu navegador para o formulário adaptável de amostra
- Carregar a amostra de PDF fornecida
- Você deve ver os formulários preenchidos com os dados