支付宝小程序爬坑之路【1】

摘要：文件名字支付宝页面标题导航栏背景色是否允许下拉刷新默认页面是否支持纵向拽拉超出实际内容。请求数据请求支付宝的请求是如果需要设置支付宝为微信是参数不同如果是请求，需要给的值加上最终为

①支付宝创建个人身份

【假如想要变成公司项目的 小程序管理员，千万千万不要变成==自研开发者==】

会设置不了的

②支付宝的缓存机制

setStorageSync 【设置本地存储】

my.setStorageSync({
    key: "park_id",
      data: {
        park_id: 1,
      }
    });
    

========================================================

【建议将getStorageSync 封装一下，因为支付宝的getStorageSync，差异很大】

const getStorageSync = (key) => {
  return my.getStorageSync({ key: key }).data || null
}

getStorageSync("park").park 【获取本地存储】

③自定义组件

自定义组件，千万千万不要设置长的name名

{
  "defaultTitle": "我的",
  "usingComponents": {
    "c-yuhistory": "/component/c-yuhistory/c-yuhistory",
    "chs": "/component/c-parkingHistory/c-parkingHistory"
  }
}

如 c-parkingHistory这么长的名字会无法使用，无法激活自定义组件，需改成如"chs"短一点的名字。

④文件名字

    xx.axml  xx.acss xx.json  xx.js

⑤app.json

`"window": {
    "defaultTitle": "支付宝",            //页面标题
    "titleBarColor": "#d05021",         //导航栏背景色
    "pullRefresh":true,                 //是否允许下拉刷新 默认false
    "allowsBounceVertical": yes,       //页面是否支持纵向拽拉超出实际内容。默认 YES                
 },`
 
 
 "tabBar": {
    "textColor":"#000",                //未选中字体颜色
    "selectedColor":"#d81e06",         //选中的字体颜色
    "backgroundColor":"#fff",          //背景色
    "items": [{
      "pagePath": "pages/index/index" ,   //页面路径
      "name": "首页",                     //页面标题
      "icon": "pages/icon/index.png",    //为选中图标
      "activeIcon": "pages/icon/index_1.png" //选中图标
    }

⑥事件的区别

    on 事件绑定不会阻止冒泡事件向上冒泡，
    catch事件绑定可以阻止冒泡事件向上冒泡。

        

⑦http请求【数据请求】

支付宝的http请求是  my.httpRequest({})

如果需要设置header ,支付宝为 headers  微信是header   ,参数不同

如果是post请求，需要给data的值加上 JSON.stringify   

最终为

my.httpRequest({
    url: options.url,
    data: (options.method == "POST" ? JSON.stringify(options.data) : options.data),
    method: options.method,
    headers: {
        Authorization: `wxatoken ${getStorageSync("tokenAndId").Token}`,
        "content-type": "application/json"
    },
    success(res) {
      
    },
    fail(err) {
      
    }
  });