微信开发如何在本地模拟微信登陆

模拟微信登陆操作手册

功能说明

功能说明：本操作手册成功后开发人员可模拟微信登陆，便于开发人员最终前端、后台代码。

准备工作

1. 安装natapp

1. 安装步骤参考：https://www.jianshu.com/p/cc1b1050b5b4
2. 登录natapp网址，改端口号为8081，进行支付宝认证，申请免费的token，申请成功后如图1。
3. 用命令在cmd框内生成ip地址（natapp –authtoken  b42076601e77ef04（这是我申请的token））

图1

1. 安装微信开发者工具

1. 官网地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html
2. 下载图2

 

图2

1. 替换svn-人员培训-修改文件里的文件
2. 启动tomcat，执行npm run dev前端打包
3. 执行vip端口：

执行前端、后端natapp命令，即7070,8080端口要处于开启状态（有人执行过即可）

1. 启动7070前端并获取ip地址：natapp –authtoken 7b2e98c0a27c196f
2. 启动8080后端并获取ip地址：natapp –authtoken 461a744582e8f456

1. 执行自己的端口

1. 启动自己的端口并获得ip地址：natapp –authtoken  b42076601e77ef04
2. 获取ip地址并粘贴到下面文件中F:\WorkSpace\tfsworkspace\src\main\webapp\weidian_mobile\src\views\homepage\homeHomepage\homeHomepage.controller.js

这个位置写natappfree地址

这个位置写natappvip地址

F:\WorkSpace\tfsworkspace\src\main\webapp\weidian_mobile_rebuild\src\views\homepage\homeHomepage\homeHomepage.controller.js

这个位置（需注意这里要加上new路径名称）

注意：以上命令执行过后窗口不可关闭，否则下面会无法成功登陆

1. Weichatserviceimpl中填写自己的unionid这样就能登录自己的页面（在客户表根据phone字段找到自己的unionid）
2. 以上执行成功后，打开微信开发者工具，输入登陆地址即可；

1. 登录需要用购买的vip地址进行登录（url最后一个字段为shopid），登陆地址：

http://be13e3a10d71.natappvip.cc/#!/webapp/homepage/4e0c8c9992dc4ac4b3d836b2efc4d49e

1. 问题解决（这里我枚举了两个，其它同学可以进行补充）：

1. 如果登陆出现404，那么可能是因为homeHomepage.controller.js里面的地址不会最新生成的。

此问题解决需要再次执行获取ip地址的命令（natapp –authtoken  b42076601e77ef04）。并修改两个homeHomepage.controller.js文件natappfree地址。

如果登陆出现无法正常运作，登陆网址有问题错误

重新用上面的网址登陆即可执行命令

安装、替换成功后，每次登陆需要执行以下命令：

1. 启动tomcat、执行npm run dev命令，运行前端
2. 启动命令：natapp -authtoken 7b2e98c0a27c196f（vip前端）
3. 启动命令：natapp -authtoken  461a744582e8f456（vip后端）

第2.3点只要有人执行即可

1. natapp –authtoken  b42076601e77ef04（这是我申请的token）并将ip替换到两个homeHomepage.controller.js文件中
2. 进入登陆即可看到如下页