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>
相关推荐
AlloyTeamZy1 小时前
AI知多少,你真的了解 AI 吗?
人工智能·微信小程序·ai编程
岳哥i1 小时前
uniapp打包原生App流程及兼容性适配
uni-app
前端小万2 小时前
用AI两小时开发上架的小程序,单日新增用户173
前端·微信小程序
郑州光合科技余经理2 小时前
海外版外卖系统:如何快速搭建国际化外卖平台
java·开发语言·前端·人工智能·小程序·系统架构·php
小北的AI科技分享2 小时前
2026年小程序平台深度解析:全场景数字化经营工具选型指南
小程序·小程序平台
niech_cn2 小时前
uniapp开发App(iOS、Android、鸿蒙Next)之配置pages.json 页面路由(三)
android·ios·uni-app
川石课堂软件测试2 小时前
什么是埋点测试,app埋点测试怎么做?
功能测试·测试工具·华为·小程序·单元测试·appium·harmonyos
郑州光合科技余经理3 小时前
海外版外卖系统源码:支付/地图/多语言核心代码实现
android·java·前端·后端·架构·uni-app·php
游戏开发爱好者84 小时前
Linux 自动上传 App Store Connect:把 IPA 上传流程接进CI工作流
linux·运维·ios·ci/cd·小程序·uni-app·iphone
暗冰ཏོ4 小时前
《uni-app 跨端开发完整指南:从基础入门到 H5、小程序、App 发布上线》
前端·小程序·uni-app·vue·html5