demo: 新增支付宝demo

Author: bigmeow

demo/alipay-demo/app.acss

@@ -0,0 +1,3 @@
+page {
+  background: #f7f7f7;
+}

demo/alipay-demo/app.js

@@ -0,0 +1,11 @@
+App({
+  onLaunch(options) {
+    // 第一次打开
+    // options.query == {number:1}
+    console.info('App onLaunch');
+  },
+  onShow(options) {
+    // 从后台被 scheme 重新打开
+    // options.query == {number:1}
+  },
+});

demo/alipay-demo/app.json

@@ -0,0 +1,8 @@
+{
+  "pages": [
+    "pages/index/index"
+  ],
+  "window": {
+    "defaultTitle": "Axios 能力测试"
+  }
+}

demo/alipay-demo/package-lock.json

@@ -0,0 +1,15 @@
+{
+  "name": "alipay-axios-demo",
+  "version": "1.0.0",
+  "description": "",
+  "main": "app.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "axios": "^0.19.2",
+    "axios-miniprogram-adapter": "^0.3.0"
+  }
+}

demo/alipay-demo/package.json

@@ -0,0 +1,10 @@
+.btn {
+  display: block;
+  width: 80%;
+  margin: 10px auto;
+  border-radius: 8px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

demo/alipay-demo/pages/index/index.acss

@@ -0,0 +1,31 @@
+
+<view>
+  注意打开调试工具，查看console 和 network来测试
+  <button type="primary" class="btn" onTap="handleRequestByGet">
+    普通get请求
+  </button>
+
+  <button type="primary" class="btn" onTap="handleRequestByPOST">
+    普通POST请求
+  </button>
+
+  <button type="primary" class="btn" onTap="handleRequestByGetParams">
+    get请求带参数
+  </button>
+
+  <button type="primary" class="btn" onTap="handleRequestByPOSTParams">
+    普通POST请求带参数
+  </button>
+
+  <button type="primary" class="btn" onTap="handleRequestByHeaders">
+    自定义请求头参数
+  </button>
+
+  <button type="primary" class="btn" onTap="handleRequestByContentType">
+    content-type 修改
+  </button>
+
+  
+
+  
+</view>

demo/alipay-demo/pages/index/index.axml

@@ -0,0 +1,113 @@
+import axios from 'axios'
+import mpAdapter from 'axios-miniprogram-adapter'
+axios.defaults.adapter = mpAdapter
+
+// 创建实例 设置baseURL
+const instance = axios.create({
+  baseURL: 'https://wx.jk724.com'
+})
+
+Page({
+  async handleRequestByGet() {
+    my.showLoading();
+    try {
+      const resp = await instance.get('/api/HotSearchWords')
+      console.log('GET请求成功:', resp)
+
+    } catch (error) {
+      // 
+    } finally {
+      my.hideLoading();
+    }
+  },
+  async handleRequestByPOST() {
+    my.showLoading();
+    try {
+      const resp = await instance.post('https://t.captcha.qq.com/cap_union_new_verify')
+      console.log('POST请求成功:', resp)
+
+    } catch (error) {
+      // 
+    } finally {
+      my.hideLoading();
+    }
+  },
+  // get请求带参数
+  async handleRequestByGetParams() {
+    my.showLoading();
+    try {
+      const resp = await instance({
+        url: '/api/HotSearchWords',
+        params: {
+          name: '我是参数'
+        }
+      })
+      console.log('get带参数请求成功:', resp)
+
+    } catch (error) {
+      // 
+    } finally {
+      my.hideLoading();
+    }
+  },
+  //  post请求带参数(注意查看请求头的 content-type: application/json 和 请求体的 Reuquest Payload)
+  async handleRequestByPOSTParams() {
+    my.showLoading();
+    try {
+      const resp = await instance({
+        method: 'POST',
+        url: 'https://t.captcha.qq.com/cap_union_new_verify',
+        data: {
+          name: '我是参数'
+        }
+      })
+      console.log('post带参数请求成功:', resp)
+
+    } catch (error) {
+      // 
+    } finally {
+      my.hideLoading();
+    }
+  },
+  // 自定义请求头参数
+  async handleRequestByHeaders() {
+    my.showLoading();
+    try {
+      const resp = await instance({
+        method: 'GET',
+        url: '/api/HotSearchWords',
+        headers: {
+          Authorization: 'im a token'
+        }
+      })
+      console.log('post带参数请求成功:', resp)
+
+    } catch (error) {
+      // 
+    } finally {
+      my.hideLoading();
+    }
+  },
+  // 修改content type (注意查看请求头的 content-type: application/x-www-form-urlencoded 和 请求体的 form data)
+  async handleRequestByContentType() {
+    my.showLoading();
+    try {
+      const resp = await instance({
+        method: 'POST',
+        url: 'https://t.captcha.qq.com/cap_union_new_verify',
+        headers: {
+          'content-type': 'application/x-www-form-urlencoded'
+        },
+        data: {
+          name: '我是参数'
+        }
+      })
+      console.log('post带参数请求成功:', resp)
+
+    } catch (error) {
+      // 
+    } finally {
+      my.hideLoading();
+    }
+  }
+});

demo/alipay-demo/pages/index/index.js

@@ -0,0 +1 @@
+{}