4 Star 25 Fork 2

Mr.Yang / 微信公众号h5基础框架

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

微信官方

基础:https://qydev.weixin.qq.com/wiki/index.php?title=%E9%A6%96%E9%A1%B5

API:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html

教程:https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html

注意事项

# 项目配置
1.https://natapp.cn/  内外网映射工具,注册,登录一下

2.左侧选择我的隧道然后列表点击配置

3.本地地址输入当前vue项目运行地址不要加端口号

4.本地端口号写当前项目的运行端口号,点击修改

5.authtoken复制一下

6.下载客户端,然后在软件目录下运行cmd(shift+鼠标右键)->powershell->输入./natapp -authtoken=这里写刚刚复制的authtoken

7.复制映射的网址

8.登录微信公众平台-->设置与开发-->开发者工具-->公众平台测试账号

9.JS接口安全域名修改为映射之后的地址记住只要域名,不要http://

10.下拉页面找到网页服务-->网页账号-->修改也不要http://

11.打开项目结构的util/wx.js注释描述的地方,否则无法正常运行

12.运行项目,先在浏览器打开,看页面教程食用~

目录结构

src/api:顾名思义,放接口请求的地方
  public:关于微信或者全局共用的api接口

src/assets:静态资源

src/router:路由集合

store:vue的状态管理仓库
  modules:此文件夹下根据功能或者具体的业务划分具体的模块或者功能的js文件

src/utils:工具集
  directives:全局的自定义指令封装
  public:全局的方法属性调用,内部使用this.$func.方法名
  request:全局的接口调用,封装和逻辑都在这里
  statusCode:接口的异常状态码枚举值,可根据服务端提供参数进行自行增加!
  wx:微信的相关配置

注意:代理跨域在config/index

运行方式

# 安装环境包
npm install

# 运行项目
npm run dev

# 打包
npm run build

# 打包并且生成分析图
npm run build --report

空文件

简介

基于微信内置浏览器写的h5公众号基础框架 展开 收起
JavaScript 等 3 种语言
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/programer_home/mp-vue-base.git
git@gitee.com:programer_home/mp-vue-base.git
programer_home
mp-vue-base
微信公众号h5基础框架
master

搜索帮助