taro学习记录 正文（二） 定义公共方法和变量

之前用原生写小程序的时候定义了一系列的公共Model和文件

这一章的工作就是要把这些内容由原生转化到taro里

之前用原生写的时候  接口地址和封装的request请求是写在一个config文件中的

 这样结构有点乱   转到taro里的时候   把接口和请求给拆分开了  而且把单文件管理所有接口地址的方法 给拆分到和页面绑定

效果图如下

apiConfig文件夹用来管理接口  然后依照功能建立接口文件夹  并在需要使用的地方引入接口请求即可

home.js如下

 上方引入的request为单独封装的Taro.request(参照wx.request)请求

这样将接口和功能绑定  但是代码分离

 

上面有几个我新接触的点   在这里记录一下

 

能够这样引用请求是因为如下设置

taro alias 点击查看解释

  接口前缀定义为公共的超全局变量

在这里定义 

好了  既然已经封装好了一个方法   那么我们来调一下看看 

果不其然  华丽丽的报错了 

 检查了一圈发现    （我是第一次用async和await  萌新勿喷）

发现官方提供await/async的依赖

$ yarn add @tarojs/async-await
# 或者使用 npm
$ npm install --save @tarojs/async-await

即是照下图所述提前设置   ！！

即是照下图所述提前设置   ！！

即是照下图所述提前设置   ！！

 

 终于跑起来了

 

好的  LZ吃完午饭回来了  继续往下看

既然接口能打通了  那么开始搬页面上的其他js代码

刚搬了几行， 又发现了一个问题

原生小程序app.js里的globalData怎么转过去？

很好，就是要不断的发现问题#……@￥￥&%）#（￥Y%&#^@

然后发现  getApp()可以直接用   

至于这个用的是小程序的   还是可以转多端的    不清楚

不管了 

xianyong  有事再说

接下来好像就是业务上的东西了    over