1. Sie müssen DingTalk offizielle js
<script type="text/javascript" src="http://g.alicdn.com/dingding/dingtalk-jsapi/2.3.0/dingtalk.open.js" > </script>
oder npm im Projekt einführen 🎜>Empfohlenes Tutorial: „
HTML“Besorgen Sie sich die Authentifizierung der DingTalk-Schnittstelle2. Die eigene API von DingTalk erfordert eine Authentifizierung. Stellen Sie daher sicher, dass Sie sich authentifizieren, bevor Sie sie verwenden.
dd.config({ agentId:agentid, // 必填,微应用ID corpId:corpId,//必填,企业ID timeStamp:timeStamp, // 必填,生成签名的时间戳 nonceStr: nonceStr, // 必填,生成签名的随机串 signature: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' , 'device.audio.startRecord','device.audio.stopRecord','device.audio.play','device.audio.pause','device.audio.download','device.audio.translateVoice','device.audio.onPlayEnd' ] // 必填,需要使用的jsapi列表,注意:不要带dd。 });
3 Nach der Authentifizierung können Sie die DingTalk-API im Projekt verwenden, aber wenn Sie die DingTalk-API aufrufen, muss sie in dd.ready ausgeführt werden, andernfalls tritt ein Fehler auf gemeldet werden
dd.ready(()=>{ //获取地理位置 dd.device.geolocation.get({ targetAccuracy : Number, coordinate : Number, withReGeocode : Boolean, useCache:true, //默认是true,如果需要频繁获取地理位置,请设置false onSuccess : (result) =>{ alert('succe: ' + JSON.stringify(result)) }, onFail : (err) => { alert('fail: ' + JSON.stringify(err)) } }) })
PS: Wenn Sie die DingTalk-API global verwenden, können Sie auf der app.vue-Seite aufgerufen werden, Sie können auch
aufrufen in main.js. Verwandte Tutorials: „CSS-Tutorial
“
Das obige ist der detaillierte Inhalt vonHTML5-eingebettetes DingTalk-Tutorial. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!