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埋め込み釘の内容はスクリプトハウスの過去の記事を検索してください、または以下の関連記事を引き続き閲覧してください、今後ともスクリプトハウスを応援よろしくお願いします!
関連
-
画像のウォーターフォールレイアウトを実現するHTML+CSS+JSのサンプルコード
-
Html5で新しくなったこと
-
キャンバス三動的円描画法の説明(要約)
-
キャンバスで画像のミラーリングと反転を実現する2つの方法
-
データストレージの3つの方法、Cookie sessionstorage localstorageの類似点と相違点の分析
-
html5 モバイルアダプティブレイアウトの実装
-
異なるiosデバイスでのh5ページの詳細 問題点まとめ
-
キャンバスの描画は、contain または cover モードで適応され、中央に配置されます。
-
Canvas がクロスドメイン画像を導入し、toDataURL() エラーが発生する。
-
HTML5でよく使われるセマンティックタグの説明
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン