阅读 36

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继承了微信里面的所有方法,可以实例化后直接使用
关注下面的标签,发现更多相似文章
评论