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>
相关推荐
木易士心1 天前
一文读懂:微信小程序云数据库直连原理与使用指南
微信小程序·serverless
willow1 天前
uniapp实战
uni-app
只会cv的前端攻城狮1 天前
兼容性地狱-Uniapp钉钉小程序环境隔离踩坑实录
前端·uni-app
明月_清风1 天前
小程序云函数:从入门到全栈的“降维打击”指南
前端·微信小程序·小程序·云开发
拉不动的猪2 天前
移动端调试工具VConsole初始化时的加载阻塞问题
前端·javascript·微信小程序
codingWhat3 天前
小程序里「嵌」H5:一套完整可落地的 WebView 集成方案
前端·uni-app·webview
WangHappy4 天前
不写 Canvas 也能搞定!小程序图片导出的 WebView 通信方案
前端·微信小程序
小时前端4 天前
微信小程序选不了本地文件?用 web-view + H5 一招搞定
前端·微信小程序·uni-app
Mr_li5 天前
给 Vue 开发者的 uni-app 快速指南
vue.js·uni-app
anyup5 天前
🔥2026最推荐的跨平台方案:H5/小程序/App/鸿蒙,一套代码搞定
前端·uni-app·harmonyos