钉钉H5微应用前端开发 企业内部应用

1. 钉钉的H5微应用就是H5的网页，所以我选择Vue.js脚手架vue-cli3.0来搭建单页项目，项目搭建过程省略。

2. 项目搭建好之后叫后端部署好项目，拿到项目的链接地址。

3. 我做的是企业的内部应用，进入【钉钉开放平台】，登录开发者后台，企业的管理员才有登录权限，创建一个企业内部的H5微应用，填入项目链接地址等信息。

下一步配置应用权限，将自己的钉钉都加入开发权限中，最后发布应用，打开钉钉就能直接看到项目了。

4. 配置钉钉的JSAPI，调用JSAPI有的API需要鉴权，有的不需要可直接使用。

安装

npm install dingtalk-jsapi --save

挂载到Vue实例上 

import * as dd from 'dingtalk-jsapi';
Vue.prototype.dd=dd;

设置页面的标题

this.dd.biz.navigation.setTitle({
   title : '这是首页的标题',
});

5. 鉴权配置auth.js，调用方法传入参数url，url是当前页面的链接地址，哪个页面调用需要鉴权的JSAPI就在哪个页面调用这个auth.js的方法获取鉴权（获取鉴权的接口怎么写我也不知道，这是后端写的，具体方法参照官方开发文档）

import * as dd from 'dingtalk-jsapi';
import axios from 'axios'
function getAuth