武汉高端网站定制设计购物网站大全

系列文章目录

---

---

前言

本文是使用APP连接OneNET平台的第一节。包含安装必要的工具，创建工程，生成token密钥。具体过程参考OneNET平台官网。

---

1 源码获取

链接：https://github.com/2763843613/1-APP-OneNET-token-

2 下载和安装HBuilderX

2.1 下载HBuilderX

HBuilderX官网下载链接：HBuilderX官网下载

2.2 安装

下载完成后，解压安装就行了。

3 创建工程

1、打开HBuilderX，如下图所示：

2、新建项目

3、填写信息，点击创建。

4、创建完成如下

5、点击菜单栏：运行->运行到内置浏览器，如下

4 添加文件

4.1 下载文件

首先下载：onenet-studio-api-node-sdk-master

4.2 添加文件

下载完成后，解压
将onenet-studio-api-node-sdk-master\src\key.js复制到工程中。

5 修改index.vue文件

5.1 获取author_key和用户ID

5.2获取version

参考链接：安全鉴权

5.3 index.vue完整代码

将上面获取的author_key，用户ID，version填入下面代码中。

<template><view class="content"><image class="logo" src="/static/logo.png"></image><view class="text-area"><text class="title">{{title}}</text></view></view>
</template><script>// 1、将工程主目录下的key.js里面的createCommonToken函数导入const {createCommonToken} = require('@/key.js')export default {data() {return {title: 'Hello',// 2、定义token变量token: ''}},onLoad() {// 3、创建输入参数const params = {author_key: '替换自己的用户Accesskey',version: '2022-05-01',user_id: '替换自己的用户ID'}// 4、将生成的token返回this.token = createCommonToken(params);// 打印tokenconsole.log(this.token);},methods: {}}
</script><style>.content {display: flex;flex-direction: column;align-items: center;justify-content: center;}.logo {height: 200rpx;width: 200rpx;margin-top: 200rpx;margin-left: auto;margin-right: auto;margin-bottom: 50rpx;}.text-area {display: flex;justify-content: center;}.title {font-size: 36rpx;color: #8f8f94;}
</style>

6 结果

运行，打开控制台

---

总结

以上就是生成手机APP连接OneNET云平台的第一步，生成tioken密钥。