vue项目获取钉钉微应用免登码code

vue项目获取钉钉微应用免登码code

简单明了的说一下：

第一步：
vue cli2的架构在项目的 index.html文件中引入
![项目结构](https://img-blog.csdnimg.cn/20200522172702821.jpg#pic_center)

<script src="https://g.alicdn.com/dingding/dingtalk-jsapi/2.10.3/dingtalk.open.js"></script>

第二步：
在你需要获取的vue页面mounted里面写入以下代码

// H5嵌入钉钉
    dd.config({
                corpId:corpId,//必填，企业ID
                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。
              });
      //为防止在非钉钉环境下报错做出的if判断
    if (dd.env.platform !== "notInDingTalk") {
      alert("notInDingTalk");
      //进行钉钉登录操作
      dd.runtime.permission.requestAuthCode({
        corpId: corpId,//企业ID，必填
        onSuccess: function(result) {
        //获取到免登录码，我这边是直接弹出弹窗可以直观看到是否获取到code
          alert("result=="+result.code);
        },
        onFail: function(err) {
          //返回错误信息
        }
      });
    }

**注意：必须是在钉钉环境下才会执行！！！**