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>
相关推荐
getyefang14 小时前
uniapp如何接入星火大模型
ai·uni-app
@PHARAOH14 小时前
WHAT - uni-app 条件编译技术
小程序·uni-app·条件编译
hunzi_116 小时前
选择网上购物系统要看几方面?
java·微信小程序·小程序·uni-app·php
芭拉拉小魔仙18 小时前
Uniapp Vue3 小程序接入实时音视频TUICallKit遇到的问题
小程序·uni-app·实时音视频
2305_7978820918 小时前
AI识图小程序的功能框架设计
人工智能·微信小程序·小程序
goto_w19 小时前
uniapp上使用webview与浏览器交互,支持三端(android、iOS、harmonyos next)
android·vue.js·ios·uni-app·harmonyos
小宝小白19 小时前
【vue3】黑马小兔鲜儿项目uniapp navigationStyle
uni-app
暮雨哀尘20 小时前
微信小程序开发:开发实践
开发语言·算法·微信小程序·小程序·notepad++·性能·技术选型
幽络源小助理21 小时前
微信小程序实验室管理SSM系统设计与实现
微信小程序·小程序
Json____1 天前
uni-app 框架 调用蓝牙,获取 iBeacon 定位信标的数据,实现室内定位场景
uni-app·电脑·蓝牙·蓝牙信标 beacon·定位信标·停车场定位