P1 app获取token

P16 app获取token

1.下载HBuilder X软件, 自行百度

2.文件-新建-项目

3.项目名称随便起, 位置随便放,然后默认下一步创建

4.点开左侧的pages->index->index.vue

5.点击运行 -> 运行到内置浏览器,就可以看到模版

6.下面在这个界面获取token,然后打印出来

7.进入onenet官网下载,sdk,

8.服务与支持 -> 文档与工具->下载专区->

9.往下翻,找到 api接口sdk,

node的

10.点击后,下载

11.解压,提取里面的 src文件夹里面的key.js文件

12.复制到刚在建立的项目里面,

13.然后,就可以在左侧看到这个key.js

14. 这个文件其实就是生成token的代码

15. 我们在index.vue里面调用key.js里面的

    function createCommonToken(params){}函数,就可以生成token了

16.首先把这个函数导入进来,

17.然后在onLoad里面,调用这个函数,来生成token秘钥,

createCommonToken(params)这个函数传进去的是个结构体,有3个参量 ,

,复制, 放在onLoad()里面

18.承接这个函数的token, 需要先定义一个变量,

19.调用这个token, 来承载数据方便后续显示

20.方便阅读,右键,重排代码格式

21.回顾一下上几步, 我们在这里面引入了, createCommonToken这个函数,然后在onLoad里面调用这个函数. 因为传入的参数是个结构体 , 所以我们需要定义结构体变量, 然后构造结构体 (注意,传入的参数是结构体,所以我们需要提前写入params里面的三个参数数据,这些参数,就是必要的验证信息)

22.上面三个参数的位置

user_id: 官网->用户头像->访问权限->用户信息上面的用户ID

author_key:同样的是用户id下面的Acesskey,验证查看即可

version:填写一个时间即可,文档中心->物联网onenet->平台api->安全鉴权,往下翻, 用户级别accesskey查询方法,

23.填写完毕后,下面实现打印

24.保存后,编译,在内置浏览器里面查看

25.接着打印出来,先绑定在例子里面,把这里面的title改成token

26.即可在内置浏览器里面观察到token,但是显示的不完全, 我们可以通过const来进行在控制台显示

27.即可看到生成的token