第一次微信小程序总结

微信小程序开发和vue有点像，熟悉vue上手就很快,不熟悉也没关系，看完我这个文章上手也很快。

 

小程序的每一个页面都有一个单独的文件夹，文件夹中包括 js、json、wxml、wxss等文件

在app.json 文件输入想要新建的模块pages,微信开发者工具会自动生成对应的文件夹和文件，具体内容请看小程序配置中的全局配置。

 

微信小程序查看一下详情中的基本信息APPID是否是自己的ID，如果不是在公众平台拷贝过来就行。

 

微信小程序调用后端接口需要在微信公众平台设置域名还必须是https,本来想用ngrok生成一个临时的域名，后来查了查，不需要这么麻烦，只需要点击开发者工具右上角的详情，点击本地设置，选择不校验合法域名...以及https证书。

 

将后端路径和端口号放在app.js中globalData中，在每个调后端的页面中js文件开头都要加上

const app = getApp()

var url = app.globalData.serviceUrl;

方便调用。

 

wx.login({

      success: res => {

        // 发送 res.code 到后台换取 openId, sessionKey, unionId

        this.globalData.wxCode = res.code;

      }

    })

登录之后获取code,code 5分钟内只能调用一次，第二次就会失效。所以第一次获取openid之后就要存起来，将微信用户信息也一起存到用户本地

 

wx.navigateTo 跳转到应用内的某个页面。但是不能跳到 tabbar 页面

wx.switchTab(Object object)跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面

wx.showToast(Object object) 显示图标只能显示7个汉字

 

配置项 enablePullDownRefresh 设置是否开启当前页面下拉

 

onPullDownRefresh 等函数在页面生成的时候就自动生成了，不要自己再写一个重名的方法，不然没有效果还找不出原因