Prime Institute

Avalados por :

Como adicionar suporte para digitalização de códigos de barras em aplicativos Fiori com o plugin PDF417-Phonegap

Crear
  • Creado 01/03/2024
  • Modificado 01/03/2024
  • 2 Vistas
0
Cargando...
Um dos recursos que os clientes desejam ter em algumas de suas aplicações Fiori é a capacidade de fazer a leitura de códigos de barras. Existe um tutorial que descreve como fazer isso por simmaco.ferriero chamado Como usar o Plugin Kapsel Barcode Scanner com SAP Web IDE e HAT . O plugin atualmente suportado é o PhoneGap-BarcodeScanner que funciona bem para a maioria dos cenários, no entanto, atualmente há uma limitação onde ele não suporta códigos de barras PDF417 em dispositivos iOS. Isso pode ser resolvido no futuro, mas, por enquanto, este tutorial é para ajudar a adicionar suporte para este formato através do Plugin PDF417-Phonegap fornecido pela Mobi.

Este tutorial também pode servir como um guia sobre como adicionar um Plugin Personalizado ao seu cliente Fiori através do serviço móvel SAP HCP para SAP Fiori. Uma abordagem semelhante pode ser adotada para aprimorar sua aplicação Fiori com os diversos Plugins disponíveis para uma aplicação baseada em Cordova.

Este tutorial pressupõe que você está familiarizado com o acesso ao seu ambiente WebIDE e que possui compreensão sobre o uso do serviço móvel SAP HCP para SAP Fiori. Alguns passos podem não ser mostrados neste tutorial com base nessa suposição. Se você precisar de um Como-Fazer sobre o serviço móvel, consulte o blog de Dhimant Patel .

Para não repetir muito do que foi feito nos dois blogs mencionados acima, vou presumir que você já criou a aplicação com o WebIDE até o ponto em que está obtendo uma lista de produtos do serviço oData Northwind conforme mencionado no post de Dhimant. Onde vamos começar é adicionando o código do Scanner de Código de Barras ao projeto.

O projeto usado para este tutorial foi baseado no modelo Kapsel Fiori Master-Detail. Se você estiver usando um modelo de projeto diferente, seu código será colocado na View em que deseja que o botão de escaneamento de código de barras apareça. No SAP Web IDE, abra a visualização Master ( view/Master.view.xml ) do aplicativo. Adicione o seguinte código logo após a última tag "/contentmiddle" e salve o arquivo. 
<contentRight>
<Button id="barcodeButton" icon="sap-icon://bar-code" tooltip="Scanner de Código de Barras" press="onBarCodeScan"></Button>
</contentRight>

Seu código deve se parecer com isso



Assim como acima, se você usou um modelo diferente, coloque o código no arquivo de controle correspondente. Abra o controlador da visualização Master ( view/Master.controller.js ) e adicione a seguinte função no início do arquivo, logo após o init função. Salve o arquivo 
onBarCodeScan: function() {
		
		/**
		 * Escaneie esses tipos de códigos de barras
		 * Disponíveis: "PDF417", "USDL", "QR Code", "Code 128", "Code 39", "EAN 13", "EAN 8", "ITF", "UPCA", "UPCE"
		 */
		var types = ["PDF417", "USDL", "QR Code"];
		var barcode = "";
		var that=this;
		/**
		 * Inicie a varredura com opções
		 * NOTA: Algumas funcionalidades não estão disponíveis sem uma licença
		 * Obtenha sua chave em http://pdf417.mobi
		 */
		var options = {
			
                

                                            SAP Fiori
                                    

                

                    
                    

                        
Pedro Pascal

                        
Se unió el 07/03/2018
Responder
Pinterest
Telegram
Linkedin
Whatsapp

Sin respuestas

No hay respuestas para mostrar No hay respuestas para mostrar Se el primero en responder

Partners:

contacto@primeinstitute.com

(+51) 1641 9379
(+57) 1489 6964

© 2024 Copyright. Todos los derechos reservados.

Desarrollado por Prime Institute

¡Hola! Soy Diana, asesora académica de Prime Institute, indícame en que curso estas interesado, saludos!
Hola ¿Puedo ayudarte?