1. ホーム
  2. Web制作
  3. html5

Html5 埋め込みピン留めサンプル実装

2022-01-12 14:27:33

1,プロジェクトに公式のpinned jsを導入する必要があります。

<script type="text/javascript" src="http://g.alicdn.com/dingding/dingtalk-jsapi/2.3.0/dingtalk.open.js" >
</script>

またはnpmでも大丈夫です

2、独自のapiを爪、認証のために書き込みが必要ですので、使用する前に必ず認証してください。

ネーリングインターフェースのフォレンジックを取得する

dd.config({
              agentId:agentid, // required, micro-app ID
              corpId:corpId, // required, the corporate ID
              timeStamp:timeStamp, // required, the timestamp for generating the signature
              nonceStr: nonceStr, // required, the random string used to generate the signature
              signature:signature, // required, signature
              type:0,
              jsApiList : [ 'runtime.info', 'biz.contact.choose', 'biz.contact.chooseMobileContacts',
                'device.notification.confirm', 'device.notification.alert',
                'device.notification.prompt', 'biz.ding.post', 'biz.util.previewImage',
                'biz.util.openLink','device.geolocation.start','device.geolocation.get','biz.util.uploadImageFromCamera','biz.util.uploadImage' ,
                startRecord','device.audio.stopRecord','device.audio.play','device.audio.pause','device.audio.download','device. audio.translateVoice','device.audio.onPlayEnd'
                ] // mandatory, list of jsapi to be used, note: don't bring dd.
            });


3、認証後、プロジェクト内でピン留めされたapiを使用することができますが、ピン留めされたapiを呼び出す場合、dd.readyで実行しなければならず、さもなければエラーが報告されるでしょう。

  dd.ready(()=>{
      //Get the geolocation
              dd.device.geolocation.get({
      targetAccuracy : Number,
      coordinate : Number,
      withReGeocode : Boolean,
      useCache:true, //default is true, if you need to get geolocation frequently, please set false
       onSuccess : (result) =>{
        alert('succe: ' + JSON.stringify(result))
                   
       },
      onFail : (err) => {
       alert('fail: ' + JSON.stringify(err))
       }
      })
 })


ps:グローバルにpinned apiを使用する場合は、app.vueのページまたはmain.jsから呼び出すことができます。

Html5埋め込み釘の例についてのこの記事はこれで終わりです、もっと関連するHtml5埋め込み釘の内容はスクリプトハウスの過去の記事を検索してください、または以下の関連記事を引き続き閲覧してください、今後ともスクリプトハウスを応援よろしくお願いします!