\u5fae\u4fe1\u5c0f\u7a0b\u5e8f \u4f7f\u7528async await <\/p>\n
\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5e76\u4e0d\u652f\u6301async\uff0c\u5199\u8d77\u4ee3\u7801\u6765\u592a\u4e0d\u8212\u670d\u4e86.
\u5404\u79cd\u56de\u8c03\u4f1a\u9020\u6210\u56de\u8c03\u5730\u72f1\u7684\u95ee\u9898\uff0c\u56de\u8c03\u51fd\u6570\u4e00\u5c42\u5957\u7740\u4e00\u5c42\uff0c\u4ee3\u7801\u96be\u4ee5\u9605\u8bfb\uff0c\u540e\u671f\u96be\u4ee5\u7ef4\u62a4\u7684\u95ee\u9898<\/p>\n
\u4f7f\u7528regenerator-runtime<\/p>\n
regenerator-runtime\u662ffacebook\u7684regenerator\u6a21\u5757
\u751f\u6210\u5668\u51fd\u6570\u3001async\u3001await\u51fd\u6570\u7ecfbabel\u7f16\u8bd1\u540e\uff0cregenerator-runtime\u6a21\u5757\u7528\u4e8e\u63d0\u4f9b\u529f\u80fd\u5b9e\u73b0\u3002<\/p>\n
\u5f15\u5165facebook\/regenerator \u4e2d\u7684packages\/regenerator-runtime\/runtime.js<\/p>\n
\u56e0\u5168\u5c40\u90fd\u8981\u7528\u5230\uff0c\u6240\u6709\u5728app.js\u4e2d\u5f15\u5165,\u5e76\u6ce8\u518c\u5168\u5c40\u5bf9\u8c61\u4e2d.<\/p>\n
app.js<\/p>\n
import regeneratorRuntime from '.\/lib\/runtime'\n\nApp({\n ...\n\n regeneratorRuntime,\n\n onLaunch(){},\n\n onShow() {},\n\n onHide() {},\n\n ...\n})<\/pre>\n \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u6b65\u9aa42 \u5c01\u88c5request<\/h4>\n
request.js<\/p>\n
const METHOD = {\n GET: 'GET',\n POST: 'POST',\n PUT: 'PUT',\n DELETE: 'DELETE'\n}\n\nlet baseUrl = ''\nconst interceptors = []\n\nclass Request {\n \/**\n * response interceptor\n *\/\n intercept(res, resolve, reject) {\n return interceptors\n .filter((f) => typeof f === 'function')\n .every((f) => f(res, resolve, reject))\n }\n\n \/**\n * request\n *\/\n request(option) {\n const header = {\n 'content-type': 'application\/x-www-form-urlencoded'\n }\n const { url, method, data = {} } = option\n\n return new Promise((resolve, reject) => {\n try {\n wx.request({\n url: baseUrl + url,\n method: method || METHOD.GET,\n data,\n header,\n success: (res) => this.intercept(res, resolve, reject),\n fail: (err) => {\n if (\n err &&\n err.errMsg &&\n err.errMsg.indexOf('request:fail') !== -1\n ) {\n console.error('wx request error: ', err)\n } else {\n wx.showToast({\n title: JSON.stringify(err),\n icon: 'none',\n duration: 10000\n })\n }\n }\n })\n } catch (err) {\n wx.showToast({ title: err.message, icon: 'none' })\n }\n })\n }\n\n get(url, data) {\n return this.request({ url, method: METHOD.GET, data })\n }\n\n post(url, data) {\n return this.request({ url, method: METHOD.POST, data })\n }\n\n put(url, data) {\n return this.request({ url, method: METHOD.PUT, data })\n }\n\n delete(url, data) {\n return this.request({ url, method: METHOD.DELETE, data })\n }\n\n all(tasks) {\n return Promise.all(tasks)\n }\n}\n\n\/**\n * \u8bbe\u7f6ebase URL\n *\/\nfunction setBaseUrl(url) {\n baseUrl = url\n}\n\n\/**\n * \u9ed8\u8ba4response\u62e6\u622a\u5668\n *\/\nfunction addDefaultInterceptor() {\n interceptors.push((res, resolve, reject) => {\n const status = res.statusCode\n if (status !== 200) {\n return reject(new Error(`internet error: ${status}`))\n }\n const body = res.data\n if (body.errno !== 0) {\n return reject({\n message: body.error,\n body\n })\n }\n return resolve(body.data)\n })\n}\n\nconst request = new Request()\n\nexport { setBaseUrl, addDefaultInterceptor, request }<\/pre>\n \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u6b65\u9aa43 \u4f7f\u7528async await<\/h4>\n
\u5982\uff1a<\/p>\n
import { request, setBaseUrl, addDefaultInterceptor } from '.\/lib\/request'\n\naddDefaultInterceptor()\n\nApp({\n ...\n\n async onLaunch() {\n const userInfo = await request.get('\/user\/info')\n console.log(userInfo)\n }\n\n ...\n})<\/pre>\n \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u5c0f\u7a0b\u5e8f\u539f\u751fapi\u4f7f\u7528async await<\/h3>\n
\u4e0d\u7528\u518d\u5199\u5404\u79cdsuccess\u3001fail\u7b49\u56de\u8c03\u4e86\uff0c\u4ee3\u7801\u6e05\u6670\u5f88\u591a\uff0c\u6613\u8bfb\u6027\u66f4\u5f3a.<\/p>\n
\u6b65\u9aa41 \u5c01\u88c5\u539f\u751fapi\u7528Promise\u5316<\/h4>\n
wxp.js<\/p>\n
\/**\n * promise\u5fae\u4fe1API\u65b9\u6cd5\n *\/\nfunction wxPromise(api) {\n function func(options, ...params) {\n return new Promise((resolve, reject) => {\n api(\n Object.assign({}, options, {\n success: (res) => {\n resolve(res)\n },\n fail: reject\n }),\n ...params\n )\n })\n }\n\n return func\n}\n\nexport default {\n \/\/ \u754c\u9762\u4ea4\u4e92\n showToast: wxPromise(wx.showToast),\n showLoading: wxPromise(wx.showLoading),\n showModal: wxPromise(wx.showModal),\n showActionSheet: wxPromise(wx.showActionSheet),\n \/\/ \u5bfc\u822a\u6761\n setNavigationBarTitle: wxPromise(wx.setNavigationBarTitle),\n setNavigationBarColor: wxPromise(wx.setNavigationBarColor),\n setTopBarText: wxPromise(wx.setTopBarText),\n \/\/ \u5bfc\u822a\n navigateTo: wxPromise(wx.navigateTo),\n redirectTo: wxPromise(wx.redirectTo),\n switchTab: wxPromise(wx.switchTab),\n reLaunch: wxPromise(wx.reLaunch),\n\n \/\/ \u7528\u6237\u76f8\u5173\n login: wxPromise(wx.login),\n checkSession: wxPromise(wx.checkSession),\n authorize: wxPromise(wx.authorize),\n getUserInfo: wxPromise(wx.getUserInfo),\n\n \/\/ \u652f\u4ed8\n requestPayment: wxPromise(wx.requestPayment),\n\n \/\/ \u56fe\u7247\n chooseImage: wxPromise(wx.chooseImage),\n previewImage: wxPromise(wx.previewImage),\n getImageInfo: wxPromise(wx.getImageInfo),\n saveImageToPhotosAlbum: wxPromise(wx.saveImageToPhotosAlbum),\n\n \/\/ \u6587\u4ef6\n uploadFile: wxPromise(wx.uploadFile),\n downloadFile: wxPromise(wx.downloadFile),\n\n \/\/ \u5f55\u97f3\n startRecord: wxPromise(wx.startRecord),\n\n \/\/ \u97f3\u9891\u64ad\u653e\n playVoice: wxPromise(wx.playVoice),\n\n \/\/ \u97f3\u4e50\u64ad\u653e\n getBackgroundAudioPlayerState: wxPromise(wx.getBackgroundAudioPlayerState),\n playBackgroundAudio: wxPromise(wx.playBackgroundAudio),\n seekBackgroundAudio: wxPromise(wx.seekBackgroundAudio),\n\n \/\/ \u89c6\u9891\n chooseVideo: wxPromise(wx.chooseVideo),\n saveVideoToPhotosAlbum: wxPromise(wx.saveVideoToPhotosAlbum),\n\n \/\/ \u6587\u4ef6\n saveFile: wxPromise(wx.saveFile),\n getFileInfo: wxPromise(wx.getFileInfo),\n getSavedFileList: wxPromise(wx.getSavedFileList),\n getSavedFileInfo: wxPromise(wx.getSavedFileInfo),\n removeSavedFile: wxPromise(wx.removeSavedFile),\n openDocument: wxPromise(wx.openDocument),\n\n \/\/ \u6570\u636e\u7f13\u5b58\n setStorage: wxPromise(wx.setStorage),\n getStorage: wxPromise(wx.getStorage),\n getStorageInfo: wxPromise(wx.getStorageInfo),\n removeStorage: wxPromise(wx.removeStorage),\n\n \/\/ \u4f4d\u7f6e\n getLocation: wxPromise(wx.getLocation),\n chooseLocation: wxPromise(wx.chooseLocation),\n openLocation: wxPromise(wx.openLocation),\n\n \/\/ \u8bbe\u5907\n getSystemInfo: wxPromise(wx.getSystemInfo),\n getNetworkType: wxPromise(wx.getNetworkType),\n startAccelerometer: wxPromise(wx.startAccelerometer),\n stopAccelerometer: wxPromise(wx.stopAccelerometer),\n startCompass: wxPromise(wx.startCompass),\n stopCompass: wxPromise(wx.stopCompass),\n \/\/ \u6253\u7535\u8bdd\n makePhoneCall: wxPromise(wx.makePhoneCall),\n \/\/ \u626b\u7801\n scanCode: wxPromise(wx.scanCode),\n \/\/ \u526a\u5207\u677f\n setClipboardData: wxPromise(wx.setClipboardData),\n getClipboardData: wxPromise(wx.getClipboardData),\n \/\/ \u84dd\u7259\n openBluetoothAdapter: wxPromise(wx.openBluetoothAdapter),\n closeBluetoothAdapter: wxPromise(wx.closeBluetoothAdapter),\n getBluetoothAdapterState: wxPromise(wx.getBluetoothAdapterState),\n startBluetoothDevicesDiscovery: wxPromise(wx.startBluetoothDevicesDiscovery),\n stopBluetoothDevicesDiscovery: wxPromise(wx.stopBluetoothDevicesDiscovery),\n getBluetoothDevices: wxPromise(wx.getBluetoothDevices),\n getConnectedBluetoothDevices: wxPromise(wx.getConnectedBluetoothDevices),\n createBLEConnection: wxPromise(wx.createBLEConnection),\n closeBLEConnection: wxPromise(wx.closeBLEConnection),\n getBLEDeviceServices: wxPromise(wx.getBLEDeviceServices),\n \/\/ iBeacon\n startBeaconDiscovery: wxPromise(wx.startBeaconDiscovery),\n stopBeaconDiscovery: wxPromise(wx.stopBeaconDiscovery),\n getBeacons: wxPromise(wx.getBeacons),\n \/\/ \u5c4f\u5e55\u4eae\u5ea6\n setScreenBrightness: wxPromise(wx.setScreenBrightness),\n getScreenBrightness: wxPromise(wx.getScreenBrightness),\n setKeepScreenOn: wxPromise(wx.setKeepScreenOn),\n \/\/ \u632f\u52a8\n vibrateLong: wxPromise(wx.vibrateLong),\n vibrateShort: wxPromise(wx.vibrateShort),\n \/\/ \u8054\u7cfb\u4eba\n addPhoneContact: wxPromise(wx.addPhoneContact),\n \/\/ NFC\n getHCEState: wxPromise(wx.getHCEState),\n startHCE: wxPromise(wx.startHCE),\n stopHCE: wxPromise(wx.stopHCE),\n sendHCEMessage: wxPromise(wx.sendHCEMessage),\n \/\/ Wi-Fi\n startWifi: wxPromise(wx.startWifi),\n stopWifi: wxPromise(wx.stopWifi),\n connectWifi: wxPromise(wx.connectWifi),\n getWifiList: wxPromise(wx.getWifiList),\n setWifiList: wxPromise(wx.setWifiList),\n getConnectedWifi: wxPromise(wx.getConnectedWifi),\n\n \/\/ \u7b2c\u4e09\u65b9\u5e73\u53f0\n getExtConfig: wxPromise(wx.getExtConfig),\n\n \/\/ \u8f6c\u53d1\n showShareMenu: wxPromise(wx.showShareMenu),\n hideShareMenu: wxPromise(wx.hideShareMenu),\n updateShareMenu: wxPromise(wx.updateShareMenu),\n getShareInfo: wxPromise(wx.getShareInfo),\n\n \/\/ \u6536\u8d27\u5730\u5740\n chooseAddress: wxPromise(wx.chooseAddress),\n\n \/\/ \u5361\u5238\n addCard: wxPromise(wx.addCard),\n openCard: wxPromise(wx.openCard),\n\n \/\/ \u8bbe\u7f6e\n openSetting: wxPromise(wx.openSetting),\n getSetting: wxPromise(wx.getSetting),\n\n \/\/ \u5fae\u4fe1\u8fd0\u52a8\n getWeRunData: wxPromise(wx.getWeRunData),\n\n \/\/ \u6253\u5f00\u5c0f\u7a0b\u5e8f\n navigateToMiniProgram: wxPromise(wx.navigateToMiniProgram),\n navigateBackMiniProgram: wxPromise(wx.navigateBackMiniProgram),\n\n \/\/ \u83b7\u53d6\u53d1\u7968\u62ac\u5934\n chooseInvoiceTitle: wxPromise(wx.chooseInvoiceTitle),\n\n \/\/ \u751f\u7269\u8ba4\u8bc1\n checkIsSupportSoterAuthentication: wxPromise(wx.checkIsSupportSoterAuthentication),\n startSoterAuthentication: wxPromise(wx.startSoterAuthentication),\n checkIsSoterEnrolledInDevice: wxPromise(wx.checkIsSoterEnrolledInDevice)\n}<\/pre>\n \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u4ee5\u4e0a\u4e3a\u5c0f\u7a0b\u5e8f\u57fa\u672c\u7684api\u6574\u7406\uff0c\u8d34\u51fa\u6765\u4f9b\u5927\u5bb6\u4f7f\u7528~<\/p>\n
\u6b65\u9aa42 \u4f7f\u7528<\/h4>\nimport wxp from '.\/lib\/wxp'\n\nApp({\n ...\n\n wxp,\n\n async onLaunch() {\n const res = await wxp.getSystemInfo()\n console.log(res)\n }\n\n ...\n})<\/pre>\n \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u76f8\u5173\u5b66\u4e60\u63a8\u8350\uff1a<\/p>\n
\u4ee5\u4e0a\u5c31\u662f\u600e\u4e48\u4f7f\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u652f\u6301async await\uff1f\u7684\u8be6\u7ec6\u5185\u5bb9\uff0c\u66f4\u591a\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"
\u5fae\u4fe1\u5c0f\u7a0b\u5e8f \u4f7f\u7528async await \u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5e76\u4e0d\u652f\u6301async\uff0c\u5199\u8d77\u4ee3\u7801\u6765\u592a\u4e0d\u8212\u670d\u4e86. \u5404\u79cd\u56de\u8c03\u4f1a\u9020\u6210\u56de\u8c03\u5730\u72f1\u7684\u95ee\u9898\uff0c\u56de\u8c03\u51fd\u6570\u4e00\u5c42\u5957\u7740\u4e00\u5c42\uff0c\u4ee3\u7801\u96be\u4ee5\u9605\u8bfb\uff0c\u540e\u671f\u96be\u4ee5\u7ef4\u62a4\u7684\u95ee\u9898 \u89e3\u51b3\u529e\u6cd5\uff1a \u4f7f\u7528regenerator-runtime regenerator-runtime\u662ffacebook\u7684regenerator\u6a21\u5757 \u751f\u6210\u5668\u51fd\u6570\u3001async\u3001await\u51fd\u6570\u7ecfbabel\u7f16\u8bd1\u540e\uff0cregenerator-runtime\u6a21\u5757\u7528\u4e8e\u63d0\u4f9b\u529f\u80fd\u5b9e\u73b0\u3002 \u5f15\u5165facebook\/regenerator \u4e2d\u7684packages\/regenerator-runtime\/runtime.js \u6b65\u9aa41 \u5f15\u5165\u5e76\u6ce8\u518c \u56e0\u5168\u5c40\u90fd\u8981\u7528\u5230\uff0c\u6240\u6709\u5728app.js\u4e2d\u5f15\u5165,\u5e76\u6ce8\u518c\u5168\u5c40\u5bf9\u8c61\u4e2d. app.js import regeneratorRuntime from ‘.\/lib\/runtime’ App({ … regeneratorRuntime, onLaunch(){}, onShow() {}, onHide() {}, … }) \u767b\u5f55\u540e\u590d\u5236 \u6b65\u9aa42 \u5c01\u88c5request request.js const METHOD = { GET: ‘GET’, POST: ‘POST’, PUT: ‘PUT’, DELETE: ‘DELETE’ } let baseUrl = ” const interceptors = [] […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-34059","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/34059","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=34059"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/34059\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=34059"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=34059"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=34059"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}