微信公众号本地开发及调试配置

微信公众号本地开发及调试配置主要包括以下几个步骤:
### 1. 准备工作
- "注册微信公众号":首先需要注册一个微信公众号,并获取到`AppID`和`AppSecret`。 - "配置服务器":在公众号后台设置开发者配置,填写服务器配置信息,包括URL、Token和EncodingAESKey。
### 2. 开发环境搭建
- "选择开发语言":微信小程序支持多种开发语言,如JavaScript、Python、Java等。这里以JavaScript为例。 - "安装开发工具":可以使用微信官方提供的开发工具,如微信开发者工具,或者使用IDE(如Visual Studio Code)配合相关插件进行开发。
### 3. 配置开发工具
#### 微信开发者工具
1. "下载并安装":从微信官方下载微信开发者工具。 2. "配置项目": - 打开微信开发者工具,点击“新建项目”。 - 输入项目名称,选择项目目录,点击“确定”。 - 在弹出的页面中输入你的AppID,选择项目语言(如JavaScript),点击“确定”。
#### Visual Studio Code
1. "安装插件":在VS Code中安装微信小程序插件,如“微信开发者工具”或“miniprogram”。 2. "配置项目": - 打开VS Code,创建一个新的文件夹作为项目目录。 - 在项目目录中创建`app.json`

相关内容:

1. 相关工具

1.1. 微信开发工具

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

下载后的文件:
wechat_devtools_1.06.2503290_win32_x64.exe

1.2. 内网穿透工具(免费)

https://www.cpolar.com/

1.3. 其他代码开工具,自行选择

比如vscode ,visaul studo ,java等

1. 微信开发工具使用

1.1. 步骤

1.1.1. 内网穿透工具安装

这里使用 https://www.cpolar.com/,按教程直接安装就可以

创建一个隧道,相当于是:端口映射



编辑需要针对你本机的端口,这里是使用visual studio进行的开发,采用了本地5000端口



然后在在线隧道列表中,就可以看到有两个域名映射



然后将http域名或者https域名,填写到微信公众号开发接口与网页授权中。

1.1.2. 微信开发者工具下载后直接安装



1.1.3. 运行当前工具




1.1.4. 在微信公众号管理界面加入开发者账号(如果没有加入)

打开微信公众号



打开Web开发者工具,进行绑定



1.1.5. 扫码进入(如果已经在微信平台开发者工具对开发进行微信授权)



1.1.6. 选择公众号网页进入公众号网页进行开发



1.1.7. 在浏览器中输入网址进入联调



在微信开发工具中输入的网址,是模拟wechat浏览器进行,相当于在手机中运行,与chrome浏览器模拟网页开发是不一样的,chrome模拟了移动端,实际上还是h5的方式。

开发者工具模拟器的访问Agent如下

Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.0 Mobile/15E148 Safari/604.1 wechatdevtools/1.06.2503290 MicroMessenger/8.0.5 Language/zh_CN webview/17475409305333654 webdebugger port/20606 token/b104b7ba4d9449a8c962fc0164f43184

关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章