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>
相关推荐
寰宇软件35 分钟前
PHP防伪溯源一体化管理系统小程序
小程序·uni-app·vue·php
trabecula_hj1 小时前
微信小程序中实现进入页面时数字跳动效果(自定义animate-numbers组件)
微信小程序·小程序
菜鸟码神1 小时前
微信小程序隐藏右侧胶囊按钮,分享和关闭即右侧三个点和小圆圈按钮
微信小程序·小程序
大叔_爱编程3 小时前
wx035基于springboot+vue+uniapp的校园二手交易小程序
vue.js·spring boot·小程序·uni-app·毕业设计·源码·课程设计
林涧泣4 小时前
【Uniapp-Vue3】previewImage图片预览
uni-app
灰天7689 小时前
健身房项目 Uniapp+若依Vue3版搭建!!
uni-app
说私域14 小时前
社群裂变+2+1链动新纪元:S2B2C小程序如何重塑企业客户管理版图?
大数据·人工智能·小程序·开源
寰宇软件16 小时前
PHP CRM售后系统小程序
微信小程序·小程序·vue·php·uniapp
浩宇软件开发21 小时前
微信小程序实现自定义日历功能
微信小程序·小程序
Q_274378510921 小时前
springboot基于微信小程序的健康管理系统
spring boot·后端·微信小程序