PhizClip Docs

Português

English

Português

English

Appearance

UNI-Integração de aplicativos ​

Integração do código de amostra

O código de amostra de integração está disponível aqui https://github.com/finogeeks/PhizClip-uniapp-demo

Se o seu ambiente não tem acesso ao Github, você também pode visitar o repositório espelhado no gitee clicando aqui

1. Obtenha credenciais de applet ​

Para utilizar o SDK, é necessário solicitar a SDK KEY e SDK SECRET. Somente se as corretas SDK KEY e SDK SECRET forem configuradas durante a inicialização do SDK é que ele funcionará.

1.1 Criando aplicativos ​

Usuários registrados precisam fazer login em "Gerenciamento de Aplicativos - Novo Aplicativo Parceiro" para concluir a criação da aplicação

Image.png

1.2 Obtenção da chave SDK e SDK Secret ​

Após criar o aplicativo e adicionar o ID do Pacote correspondente, se precisar exportar a chave SDK e o SDK secret correspondentes, selecione Copiar após o ID do Pacote correspondente e cole usando Ctrl+V ou Command+V

Image.png

Os quais:

  • SDK KEY: É a credencial para a aplicação parceira poder utilizar o SDK do applet. Se a verificação da SDK Key falhar, todas as APIs do SDK estarão indisponíveis.
  • SDK SECRET: é o certificado de segurança para acessar o serviço, não compartilhe com terceiros

Nota

Para detalhes sobre a criação de aplicações e obtenção da SDK KEY e SDK SECRET, consulte a seção 「Introduction-Operation Guidelines-Enterprise Operation Guidelines-7.」.

2. Integração de plug-ins ​

A integração do applet PhizClip no uni-app essencialmente chama as capacidades do plugin no uni-app para implementação, e você pode obter detalhes sobre clicando aqui para informações sobre a funcionalidade do plugin

2.1 Introdução de plug-ins ​

imagens

2.2 Selecionando plug-ins ​

imagensimagens

2.3 Gere bases personalizadas para facilitar a depuração ​

imagensimagensimagensimagensimagens

2.4 Inicializando o SDK do applet PhizClip no projeto uni-app ​

JavaScript
 const MopSdk = uni. requireNativePlugin('MopSdk');
 export default {
 onLaunch: function() {
 MopSdk. initialize({
 'sdkKey': 'SDK Key to be filled in here',
 'sdkSecret': 'Fill in the SDK secret here',
 'apmServer': 'Fill in your server address here', // e.g.:https://api.PhizClip.com;
},
(ret) => {
 console. log('App Launch Success', ret)
},
(ret) => {
 console. log('App Launch Fail', ret)
});
 }
 }

2.5 Abrindo applets no projeto uni-app ​

JavaScript
< template>
 < view class= "content" >
 < image class= "logo"  src= "/static/logo.png" ></image>
 < button type= "primary"  v-on:click= "handleOpenMiniProgram" > Open 
applet</button>
 < view class= "padding-gap" ></view>
 < button type= "primary"  v-on:click= "handleOpenMiniProgramByQrcode" >
QR code to open the applet</button>
 </view>
</template>
< script>
 const MopSdk = uni.requireNativePlugin('MopSdk');
 export default {
 data() {
  return {
  title: 'Hello'
  }
 },
 onLoad() {
 },
 methods: {
 handleOpenMiniProgram() {
 const apiServer = 'https://api.PhizClip.com'
 const appId = '5eec56a41464cc0001852e9a'
 const startParams = null
 // const startParams = {
 // path: '/pages/index/index',
 // query: 'a=1&b=2'
 // }
 const sequence = null // The serial number of the applet on the shelf
 MopSdk.openApplet(apiServer,
 appId,
 startParams,
 sequence)
 },
 handleOpenMiniProgramByQrcode() {
 uni.scanCode({
 success: (result) => {
 console.log(result)
 const qrcode = result.result
 MopSdk.openAppletByQrcode(qrcode,
        (ret) => {
        console.log('onSuccess',ret) 
        },
        (ret) => {
        console. log('onFail',ret) 
        },
        (ret) => {
        console.log('onProcess',ret) 
        })
      }
    })
    }
  }
 }
</script>

3. Perguntas frequentes ​

1. Geração do dock no iOS precisa lidar com questões de certificado? ​

Para a geração do dock no lado do iOS, será necessário solicitar antecipadamente um certificado .p12. Você pode clicar clicar aqui para ver a documentação oficial fornecida pelo uni-app

2. É necessário regenerar o AppID do projeto antes de gerar a base? ​

Você precisará clicar no botão na imagem abaixo para regenerar o AppIDimagens