P16 app获取token
1.下载HBuilder X软件, 自行百度
![image-20240131152854188](https://img-blog.csdnimg.cn/img_convert/27d408441ed624516ffb120ebf6db64d.png)
2.文件-新建-项目
3.项目名称随便起, 位置随便放,然后默认下一步创建
4.点开左侧的pages->index->index.vue
![image-20240131153133884](https://img-blog.csdnimg.cn/img_convert/6377e609abfea0c3eaded94418fc12f5.png)
5.点击运行 -> 运行到内置浏览器,就可以看到模版
![image-20240131153249632](https://img-blog.csdnimg.cn/img_convert/9adf24530ebf015a8b54452f936afeaa.png)
6.下面在这个界面获取token,然后打印出来
7.进入onenet官网下载,sdk,
8.服务与支持 -> 文档与工具->下载专区->
9.往下翻,找到 api接口sdk,
node的
![image-20240131153452804](https://img-blog.csdnimg.cn/img_convert/2c84e74d939e6e7ead3ee09cb35afd6e.png)
10.点击后,下载
![image-20240131153521076](https://img-blog.csdnimg.cn/img_convert/577d0232c4e9d7d9e9f2deee6f2cc6d7.png)
11.解压,提取里面的 src文件夹里面的key.js文件
12.复制到刚在建立的项目里面,
![image-20240131153631121](https://img-blog.csdnimg.cn/img_convert/b722ec39a97169c50600d49a02374536.png)
13.然后,就可以在左侧看到这个key.js
![image-20240131153705621](https://img-blog.csdnimg.cn/img_convert/f8f221b5754652796fa5570f0fd46bf7.png)
-
这个文件其实就是生成token的代码
-
我们在index.vue里面调用key.js里面的
function createCommonToken(params){}函数,就可以生成token了
![image-20240131153850677](https://img-blog.csdnimg.cn/img_convert/974fa88ed1999dd76cc8abe65f908ee1.png)
16.首先把这个函数导入进来,
![image-20240131154039704](https://img-blog.csdnimg.cn/img_convert/14b9153fbb02ba3bbb8238f978c004c9.png)
17.然后在onLoad里面,调用这个函数,来生成token秘钥,
createCommonToken(params)这个函数传进去的是个结构体,有3个参量 ,
![image-20240131154236302](https://img-blog.csdnimg.cn/img_convert/e2440318d68aa61749c46cfb0487ad6b.png)
,复制, 放在onLoad()里面
![image-20240131154413130](https://img-blog.csdnimg.cn/img_convert/4d56a30fa1a50172f47f6f682c40370b.png)
18.承接这个函数的token, 需要先定义一个变量,
![image-20240131154617566](https://img-blog.csdnimg.cn/img_convert/3a5ee60c204c0196897405664f8a5332.png)
19.调用这个token, 来承载数据方便后续显示
![image-20240131154658668](https://img-blog.csdnimg.cn/img_convert/b69e13eb27ddbed955f344500cb8fb5c.png)
20.方便阅读,右键,重排代码格式
![image-20240131154750853](https://img-blog.csdnimg.cn/img_convert/526c6af4aa1dc1a5c17d767195a29cc0.png)
21.回顾一下上几步, 我们在这里面引入了, createCommonToken这个函数,然后在onLoad里面调用这个函数. 因为传入的参数是个结构体 , 所以我们需要定义结构体变量, 然后构造结构体 (注意,传入的参数是结构体,所以我们需要提前写入params里面的三个参数数据,这些参数,就是必要的验证信息)
![image-20240131155138775](https://img-blog.csdnimg.cn/img_convert/cce5e6fdeb977cd0fe74f4d9bd7e1857.png)
22.上面三个参数的位置
user_id: 官网->用户头像->访问权限->用户信息上面的用户ID
author_key:同样的是用户id下面的Acesskey,验证查看即可
version:填写一个时间即可,文档中心->物联网onenet->平台api->安全鉴权,往下翻, 用户级别accesskey查询方法,
![image-20240131155523586](https://img-blog.csdnimg.cn/img_convert/432940912eb3d86e4e34f571ec5c78af.png)
23.填写完毕后,下面实现打印
![image-20240131155606039](https://img-blog.csdnimg.cn/img_convert/21770c24ffd6186e073f369dccee6a75.png)
24.保存后,编译,在内置浏览器里面查看
25.接着打印出来,先绑定在例子里面,把这里面的title改成token
![image-20240131155803494](https://img-blog.csdnimg.cn/img_convert/7789c7605e7dec094fa8b79d7c22faa7.png)
![image-20240131155845497](https://img-blog.csdnimg.cn/img_convert/0589adde99b07a2f5d92f39d8af5c5e4.png)
26.即可在内置浏览器里面观察到token,但是显示的不完全, 我们可以通过const来进行在控制台显示
![image-20240131160012607](https://img-blog.csdnimg.cn/img_convert/304ec689d58f57d98a32ddc26c99551a.png)
27.即可看到生成的token
![image-20240131160030819](https://img-blog.csdnimg.cn/img_convert/6c9fd6db8259fc03eab176dc11afde28.png)