WeChat text

The folder is about the WeChat's cord.

• click event
• elastic box
• style
• camera
• assembly
• get user information

关于小程序发布相关内容

1. 关于小程序的网络配置信息
2. 后端 API
3. 小程序开发须知-不看别后悔，踩坑踩到爆

Route

app.json

WePY 项目

官网: WePY

Demo 项目

 初入小程序，将一些做过的或者没有做过的都记录下来，后续会持续更新和整理...

had & will do

• 下拉刷新
• 路由跳转
• 轮播图
• 获取登录用户信息
• 版本发布和部署
• 图片上传，待优化
• 地图，待优化
• 视频/音频
  • 音乐
  • 视频
• 与后台做数据对接
• 支付
• 待续...

need to deal

• 左侧栏点击一次后仍可以点击第二次，再向右移动

Note

1. 启动项目时需要更改 package.json，否则会出现启动错误

  "devDependencies":{
    "@wepy/cli": "^2.0.0-alpha.18",
    "@wepy/compiler-less": "^2.0.3"
  }

2. 每个 wpy 文件都必须有 template 、script 和 style，否则会出现 null 的情况
3. App() 必须在 app.js 中注册，有且只有一个，可以通过一下方式在页面获取 app.js 数据：

  const app = getApp()

  this.setData({界面获取名: 数据来源名})

4. template 使用

 创建：

  <template name="demo">
    ...
  </template>

 wxml 引入：

  <!-- 引入地址 -->
  <import src="template.wxml" />
  <!-- 使用组件 -->
  <template is="demo"></template>

 css 引入：

  @import 'demo.wxss'

5. 数据缓存

  // save
  wx.setStorage({
    key: key,
    data: data
  })
  // get
  wx.getStorageSync(key)

6. union 涉及到发布流程，需要通过微信开放平台进行小程序的提交才可以获取到 union

6. union 主要通过 wx.getUserInfo 的 UnionId 为主

7. 登录流程

8. 生命周期