Skip to content

In the development process with mpvue, javascript, Vue, golang

Notifications You must be signed in to change notification settings

devuser/gangxiaoer-mpvue

Repository files navigation

钢小二的小程序

使用 mpvue 构建

特别说明

正在开发过程中,所以代码在持续迭代中。

每个提交到Github的版本,均可以在Shell窗口中进行打包发布,然后使用微信开发工具打开查看。

但是功能可能不完备,也不稳定。

不可直接进行克隆,可以供开发过程中的同学参考。

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

网络组件

使用 flyio

关于可视化组件的说明

  1. 部分图标暂时选用网易严选小程序的图标库
  2. 使用有赞的Vant-weapp组件库

服务端

服务端使用golang基于PaaS模式开发,暂时不满足公开条件。

arch.png

看不到下图的同学可以看上图

graph TB
id1(Golang API) --> Redis
id1(Golang API) --> MySQL
Weapp-->flyio
flyio-->id1(Golang API)
Loading

开发环境示意图

  1. 启动 Docker 环境中RedisMySQL
  2. 启动 Docker 环境中node.js运行npm run lint
  3. 启动 Docker 环境中node.js运行npm run dev 监听编辑器中更新的*.js *.vue
  4. 启动Docker环境中运行的Golang API 比如go run main.go,做好随时重启的准备或者做好热更新
  5. 打开微信开发工具,打开您正在进行中的微信小程序项目

env.png

看不到下图的同学可以看上图

  graph TB
  id1(Golang API) --> Redis
  id1(Golang API) --> MySQL
  Weapp-->flyio
  flyio-->id1(Golang API)
  id2(npm run dev)-->Weapp
  subgraph 微信开发工具
  Weapp
  end
  subgraph AtomOrVscode
  id4(edit *.go)
  id5(edit *.js *.vue)
  end
  subgraph docker-nodejs
  id3(npm run lint)
  id2(npm run dev)
  end
  subgraph docker
  Redis
  MySQL
  id1(Golang API)
  end
Loading

About

In the development process with mpvue, javascript, Vue, golang

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published