自己做了个一键连wifi用不了,帮看看

img


理想状态是可以一键连接的,结果连接不了!而且还需要声明permission字段,正在学习阶段

1.
微信搜索小程序“WiFi一键连”,然后进入,点击底部制作WIFI码。
2.
左右滑动,选择一个自己喜欢的样式,点击进入。
3.
输入WIFI信息,点击生成我的二维码。
4.
生成后点击保存即可将二维码图片保存下来。

先检查微信wifi后台的商家wifi配置信息是否正确

wx.connectWifi错误码报什么

想扫码直接就关注公众号,并且联网成功,这个我们通过代码是写不了的,必须要专门的路由器,路由器硬件商和微信做了硬件接入。 可以实现用户先连接我们的WIFI,然后会呼出一个页面,这个页面我们可以自定义,同时有一个一键上网按钮,点了那个按钮可以上网并关注公众号,有的还需要手机短信认证,有的不,都是配合路由器做的。

微信小程序一键链接WiFi
点击一键连接按钮,执行connectWifi 方法;

accountNumber: '', //Wi-Fi 的SSID,即账号
bssid: '', //Wi-Fi 的ISSID
password: '' //Wi-Fi 的密码

复制代码
connectWifi: function() {
var that = this;
//检测手机型号
wx.getSystemInfo({
success: function(res) {
var system = '';
if (res.platform == 'android') system = parseInt(res.system.substr(8));
if (res.platform == 'ios') system = parseInt(res.system.substr(4));
if (res.platform == 'android' && system < 6) {
wx.showToast({
title: '手机版本不支持'
});
return;
}
if (res.platform == 'ios' && system < 11.2) {
wx.showToast({
title: '手机版本不支持'
});
return;
}
//2.初始化 Wi-Fi 模块
that.startWifi();
}
});
},
//初始化 Wi-Fi 模块
startWifi: function() {
var that = this;
wx.startWifi({
success: function() {
//请求成功连接Wifi
that.Connected();
},
fail: function(res) {
wx.showToast({
title: '接口调用失败'
});
}
});
},

    Connected: function() {
        var that = this;
        wx.connectWifi({
            SSID: that.data.accountNumber,
            BSSID: that.data.bssid,
            password: that.data.password,
            success: function(res) {
                wx.showToast({
                    title: 'wifi连接成功'
                });
            },
            fail: function(res) {
                wx.showToast({
                    title: 'wifi连接失败'
                });
            }
        });
    },

此版本为UNIAPP的源码,可以发布微信小程序,具体的功能和界面可以打开微信扫一扫查看效果。
具体功能:用户分享自己的WIFI给好友,好友连接后用户可以获得奖励。
系统还自带了裂变系统。一体化搭建环境。无线自己的服务器和域名。
免费版源码下载地址:https://download.csdn.net/download/yezi20189/85948488
可以打开微信扫一扫下方二维码查看效果

img


下方为小程序运行图

img


怎么搭建?
使用 HBuilderX 导入项目
关联 uniCloud 服务空间(创建 uniCloud 服务空间)
运行 uniCloud -> database -> db_init.josn(右键:初始化云数据库(包含Schema和校验函数))
配置 uniCloud -> cloudfunctions -> common 云函数 uni-config-center -> uni-id -> config.json 文件 官方文档
修改配置文件需重新右键上传 uni-config-center、uni-id 云函数
uni-id
“passwordSecret”: [{
“version”: 1,
“value”: “xxxxxxxxxxxxxxxxxxx”
}],
“tokenSecret”: “xxxxxxxxxxxxxxxxxxxxxxxxxxxx”,
“tokenExpiresIn”: 259200,
“tokenExpiresThreshold”: 600,
“passwordErrorLimit”: 6,
“passwordErrorRetryTime”: 3600,
“autoSetInviteCode”: false,
“forceInviteCode”: false,
“bindTokenToDevice”: false,
配置微信小程序appid和秘钥
“mp-weixin”: {
“oauth”: {
“weixin”: {
“id”: “xxxxxxxxxxxxxxxxxxx”
}
}
},
运行 uniCloud -> cloudfunctions(右键:上传所有云函数、公共模块及actions)
配置 manifest.json 官方文档
A. 基础配置
B. 微信小程序配置
执行 npm install 安装依赖
右键giegie云函数上传并运行giegie云函数用于生成微信access_token(非必须,只有生成小程序码会用到,也会每小时定时获取)
工具栏 -> 运行® ->
A. 运行到小程序模拟器(微信开发者工具[体验微信小程序版本])
注意点(重要、重要、重要)
A. 连接本地云函数(右键 uniCloud -> database 下载所有DB Schema及扩展校验函数)注意事项 。
B. 连接本地云函数运行出错,则需右键云函数 giegie -> 管理公共模块依赖 -> 更新选中依赖。
C. 连接云端云函数,注意小程序开发工具(校验|不校验合法域名、web-view(业务域名)、TLS版本以及HTTPS证书)。
D. 小程序中使用 uniCloud 白名单配置。

安装源码到根目录:

1、网站运行目录public
2、PHP7.2,开通SSL
3、导入数据库文件
4、修改数据库文件里application/database.php的数据库信息
5、登入用户名:admin密码:123456
前端教程:

1:微信开发者工具打开前端源码,选择你对应的小程序appid
2:修改目录下siteinfo.js文件,name: "你的wifi小程序名称",,siteroot: "https://你自己的域名/index.php?s=/api",,uniacid: "10001"//平台ID(在后台看)
3:开发前在后台配置好你自己的小程序appid根密匙
程序:
wwoeg.lanzouv.com/iPuZv09cg3fg
图片:

img

再给你一个视频
https://m.baidu.com/video/page?pd=video_page&nid=6695151661580021003&sign=13707544477484003892&word=wifi%E5%B0%8F%E7%A8%8B%E5%BA%8F%E6%BA%90%E7%A0%81&oword=wifi%E5%B0%8F%E7%A8%8B%E5%BA%8F%E6%BA%90%E7%A0%81&atn=index&frsrcid=48304&ext=%7B%22jsy%22%3A1%7D&top=%7B%22sfhs%22%3A1%2C%22_hold%22%3A2%7D&sl=4&fr0=A&fr1=A&ms=1&lid=11802878234812902093&referlid=11802878234812902093&frorder=6&_t=1661242954139

WiFi分销小程序源码,简单搭建地推副业好项目,WiFi分销小程序,WiFi分销大师,WiFi分销小程序3.15版,可以正常上线,商业推广!

准备:备案域名+国内服务器

搭建环境:微擎框架2.78版

             WiFi小程序3.15正式版

小程序:个体户注册小程序(个人小程序审核不过),个人注册个体户(当地镇政府当体可以下证)

成品小程序——微信小程序搜索——赤兔WiFi ,联系我加小程序客服

小程序成品截图如下:

img

img

img

https://wwn.lanzouw.com/iW0f207g21cj
密码:2me8

permission权限是在小程序后台声明的哦,不是代码里面写的。