wepy开发微信小程序issues

一、app.wpy文件的作用

1、style为全局公共样式

<style lang="less">
/*公共样式区域*/
......
</style>

2、config与原生小程序app.json一致

  config = {
    pages: [
      'pages/meaningOLife/index'
    ],
    window: {
      backgroundTextStyle: 'light',
      navigationBarBackgroundColor: '#fff',
      navigationBarTitleText: '小程序标题',
      navigationBarTextStyle: 'black'
    }
  }

Tips: config如果存在注释，在npm run dev是可能会报错

3、globalData用于设置全局变量、接口变量

  globalData = {
    AppId: '',
    AppSecret: '',
    xxx: HOST + 'login' // 登录
  }

获取方式pages页：this.$parent.globalData('xxx')

获取方式components页：this.$parent.$parent.globalData('xxx')

二、template内写if条件判断

wx:if="{{}}"

三、replace替换年月日正则规则

e.detail.value.replace(/(\d{4})-(\d{2})-(\d{2})/, '$1年$2月$3日')

四、component内navigate路由

1. pages页：this.$navigate()

2. components页：this.$root.$navigate()

五、onShareAppMessage分享

此方法写在components内，不会被调用到；只有写在pages页面内可以

六、access_token、服务消息推送在服务端实现，客户端中测试

Tips: access_token可以在客户端中实现，也可以在服务端中调用成功，但最终归于服务端，因为weixin.qq.com的服务域名在微信开发者后台是配置不上的，而且access_token在2小时过期上能做精确处理，具体见下图

七、repeat循环不能嵌套子组件

八、methods内方法调用另一个methods内方法

this.methods.xxx()

九、服务域名、上传下载域名注意事项

1. 用非正式域名前可以开启调试模式，不校验一切api域名、图片上传/下载域名；但切记域名尽快替换成正式https
2. 了解这些域名的主要用处
3. downloadFile合法域名，如果服务器返回http也会下载失败

小提示：

template {{}}内不推荐写运算

wepy继承了微信里面的所有方法，可以实例化后直接使用