1 APP-OneNET 生成token密钥

系列文章目录

前言

本文是使用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);
			
			// 打印token
			console.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密钥。