uniapp微信小程序接入airkiss插件进行WIFI配网

本文可参考uniapp小程序插件

一.申请插件

微信公众平台设置页链接:微信公众平台

登录您的小程序微信公众平台,进入设置页,在第三方设置->插件管理->添加插件中申请AiThinkerAirkissforWXMini插件,申请的插件appId为【wx610ea582556c983e】。

二.插件引入

打开根目录的 manifest.json 文件,点击源码视图,在"mp-weixin" 里面 ,插入以下代码

复制代码
 // WIFI配网插件
"airkiss" : {
    "version" : "1.1.2",
    "provider" : "wx610ea582556c983e"
}

三.页面使用

script代码

复制代码
<script>
	// #ifdef MP-WEIXIN
	const airkiss = requirePlugin('airkiss');
	//获取版本
	console.log(airkiss.version)
	// #endif
	export default {
		data() {
			return {
				ssid: "",
				password: "",
			}
		},
		onLoad(options) {},
		mounted() {
			// #ifdef MP-WEIXIN
			// 获取当前连接wifi名称:
			uni.getConnectedWifi({
				partialInfo: true,
				success: (res) => {
					this.ssid = res.wifi.SSID
				}
			})
			// #endif
		},
		methods: {
			startAirkiss() {
				//这里最好加微信小程序判断账号密码是否为空,以及其长度和是否为5G频段
				//ssid为WIFI账号,password为WIFI密码
				airkiss.startAirkiss(this.ssid, this.password, (res) => {
					if (res.code == 0) {
						console.log('初始化失败', res.result)
					} else if (res.code == 1) {
						console.log('配网成功', '设备IP:' + res.ip + '\r\n 设备Mac:' + res.bssid)
					} else if (res.code == 2) {
						console.log('配网失败', '请检查密码是否正确')
					} else {

					}
				})
			},
		},
		onUnload() {
			// #ifdef MP-WEIXIN
			airkiss.stopAirkiss()
			// #endif
		},
	}
</script>
相关推荐
ModyQyW14 小时前
vite-plugin-uni-manifest 0.7:在 uni-app 读取之前生成
前端·uni-app
lyz24685915 小时前
uniapp vue3 小程序开发注意事项
uni-app
拖孩17 小时前
流量主门槛从 500 降到 100,我的小程序上线 18 小时够到了线
前端·后端·微信小程序
云-缩影18 小时前
做微信小程序,自建服务器还是用云托管:技术选型对比
服务器·微信小程序·小程序
雪芽蓝域zzs21 小时前
WebStorm Uniapp Support + Uniapp Tool + Uniappx Language Service讲解
vue.js·uni-app·webstorm
普通人61 天前
Web端3D模型加载实战指南_Vue3_uni-app_HTML
前端·javascript·uni-app·html
极限挑战哥1 天前
共享电单车联营平台分账架构实践:二清合规与自动分账零人工方案
java·大数据·人工智能·微信小程序·架构·微信公众平台
超级新零售2 天前
服装订货会数字化:商品版本、订单状态与后续配发数据如何衔接?
大数据·小程序·企业微信
云-缩影2 天前
拆解微信小程序后端架构:ECS、RDS、SSL 和 VPC 怎么配合
微信小程序·架构·ssl
拖孩2 天前
AI 帮我写的小程序上线 44 天:36 个人进了收银台,8 个人付钱
前端·后端·微信小程序