{"id":32175,"date":"2024-11-25T17:24:39","date_gmt":"2024-11-25T09:24:39","guid":{"rendered":"https:\/\/fwq.ai\/blog\/32175\/"},"modified":"2024-11-25T17:24:39","modified_gmt":"2024-11-25T09:24:39","slug":"%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f-%e6%a0%91%e8%8e%93%e6%b4%be%ef%bc%88raspberry-pi%ef%bc%89%e5%b0%8f%e8%bd%a6%e6%8e%a7%e5%88%b6%e7%9a%84%e4%bb%a3%e7%a0%81%e6%b5%81%e7%a8%8b","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/32175\/","title":{"rendered":"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f&#8211;\u6811\u8393\u6d3e\uff08raspberry pi\uff09\u5c0f\u8f66\u63a7\u5236\u7684\u4ee3\u7801\u6d41\u7a0b"},"content":{"rendered":"<p><strong>\u76ee\u5f55<\/strong><\/p>\n<p style=\"margin-left:0px\">1. \u57fa\u672c\u601d\u8def<\/p>\n<p style=\"margin-left:0px\">2. \u4ee3\u7801\u7ed3\u6784\u5982\u4e0b\uff1a<\/p>\n<p style=\"margin-left:0px\">3. index\u76ee\u5f55<\/p>\n<p style=\"margin-left:0px\">4. control\u76ee\u5f55&nbsp;<\/p>\n<p style=\"margin-left:0px\">5. \u5de5\u7a0b\u5168\u5c40\u63a7\u5236<\/p>\n<p>\u4e3b\u8981\u7ec3\u4e60\u4e86\u4e00\u4e0b\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u7684\u5f00\u53d1\u3002\u8fd9\u91cc\u7b80\u5355\u8bb0\u5f55\u4e00\u4e0b\u4e3b\u8981\u4ee3\u7801\u7247\u6bb5\u3002\u4e5f\u662f\u8d9f\u8fc7\u4e86\u8bb8\u591a\u7684\u5751\uff0c\u4f8b\u5982\uff1a\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4e0d\u652f\u6301\u5b8c\u5168\u5168\u5c4f\uff0c\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4e0d\u80fd\u6a2a\u5c4f\u5c55\u793a\u3002\u6240\u4ee5\u5f00\u53d1\u8fc7\u7a0b\u4e2d\u4e5f\u7528\u4e86\u4e00\u4e9b\u975e\u5e38\u624b\u6bb5\u3002\u53ef\u4ee5\u8bf4\u8fd9\u53ea\u662f\u4e00\u4e2a\u5f88\u57fa\u672c\u7684demo\uff0c\u6240\u4ee5\u91cc\u9762\u5f88\u591a\u4e1c\u897f\uff0c\u6bd4\u5982\u6444\u50cf\u5934\u76d1\u63a7ip\u3001\u9875\u9762\u5143\u7d20\u5b9a\u4f4d\u6211\u90fd\u4f7f\u7528\u4e86\u5199\u6b7b\u7684\u503c\u3002\u7279\u522b\u662f\u754c\u9762\uff0c\u6211\u53ea\u662f\u5728iphone 6\u4e0a\u9762\u505a\u7684\u5b9e\u9a8c\uff0c\u6240\u4ee5\u6362\u5230\u5176\u4ed6\u624b\u673a\u4e0a\u65f6\uff0c\u754c\u9762\u5c31\u4f1a\u53d8\u578b\u4e86\u3002<\/p>\n<h1>1. \u57fa\u672c\u601d\u8def<\/h1>\n<ul>\n<li>\n<p>\u8fdb\u5165\u5c0f\u7a0b\u5e8f\u65f6\u5c55\u793aindex\u9875\uff0c\u53ef\u4ee5\u8ba9\u7528\u6237\u8f93\u5165\u670d\u52a1\u7aefurl\uff08\u6a21\u62df\u4e0a\u4e00\u7bc7\u4e2d\u5728\u6d4f\u89c8\u5668\u83b7\u53d6get\u8bf7\u6c42\uff09<\/p>\n<\/li>\n<li>\n<p>\u7136\u540e\u8df3\u8f6c\u5230\u5b9e\u9645\u7684\u5c0f\u8f66\u63a7\u5236\u754c\u9762\uff0c\u5e76\u53ef\u4ee5\u901a\u8fc7\u70b9\u51fb\u6309\u94ae\u5b9e\u73b0\u5c0f\u8f66\u63a7\u5236<\/p>\n<\/li>\n<li>\n<p>\u63a7\u5236\u5c0f\u8f66\u7684\u79fb\u52a8\uff0c\u4e3b\u8981\u662f\u5728control.js\u4e2d\u5b9a\u4e49\u4e86\u754c\u9762\u6309\u94ae\u4e8b\u4ef6\u7684\u54cd\u5e94\uff0c\u5728\u54cd\u5e94\u4e8b\u4ef6\u7684\u8fc7\u7a0b\u4e2d\u5b9e\u73b0http\u8bf7\u6c42\u7684\u53d1\u9001<\/p>\n<\/li>\n<\/ul>\n<p>index\u9875\u9762\u5982\u4e0b\uff1a&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/\/upload\/image\/211\/725\/913\/1533607038938596.png\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f&#8211;\u6811\u8393\u6d3e\uff08raspberry pi\uff09\u5c0f\u8f66\u63a7\u5236\u7684\u4ee3\u7801\u6d41\u7a0b\u63d2\u56fe\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f&#8211;\u6811\u8393\u6d3e\uff08raspberry pi\uff09\u5c0f\u8f66\u63a7\u5236\u7684\u4ee3\u7801\u6d41\u7a0b\u63d2\u56fe\" \/><\/p>\n<p>\u8fdb\u53bb\u4e4b\u540e\u7684\u9875\u9762\u5982\u4e0b\uff08\u5176\u4e2d\u4e2d\u95f4\u7a7a\u767d\u5904\u4f1a\u5c55\u793a\u6444\u50cf\u5934\u76d1\u63a7\uff0c\u4e0d\u8fc7\u6211\u5e76\u6ca1\u6709\u542f\u52a8\uff0c\u6240\u4ee5\u770b\u4e0d\u89c1\uff09\uff1a<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/\/upload\/image\/183\/662\/274\/1533607105396573.png\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f&#8211;\u6811\u8393\u6d3e\uff08raspberry pi\uff09\u5c0f\u8f66\u63a7\u5236\u7684\u4ee3\u7801\u6d41\u7a0b\u63d2\u56fe1\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f&#8211;\u6811\u8393\u6d3e\uff08raspberry pi\uff09\u5c0f\u8f66\u63a7\u5236\u7684\u4ee3\u7801\u6d41\u7a0b\u63d2\u56fe1\" \/><\/p>\n<h1>2. \u4ee3\u7801\u7ed3\u6784\u5982\u4e0b\uff1a<\/h1>\n<p>\u5176\u4e2d\uff0cindex\u4e0b\u9762\u662f\u9996\u9875\uff0ccontrol\u662f\u63a7\u5236\u9875\u9762\uff0cres\u76ee\u5f55\u4e0b\u5b58\u653e\u7684\u662f\u56fe\u7247\u8d44\u6e90<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/\/upload\/image\/116\/646\/949\/1533607126561578.png\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f&#8211;\u6811\u8393\u6d3e\uff08raspberry pi\uff09\u5c0f\u8f66\u63a7\u5236\u7684\u4ee3\u7801\u6d41\u7a0b\u63d2\u56fe2\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f&#8211;\u6811\u8393\u6d3e\uff08raspberry pi\uff09\u5c0f\u8f66\u63a7\u5236\u7684\u4ee3\u7801\u6d41\u7a0b\u63d2\u56fe2\" \/><\/p>\n<h1>3. index\u76ee\u5f55<\/h1>\n<ul>\n<li>\n<p>index.js<\/p>\n<\/li>\n<\/ul>\n<pre>\/\/index.js\n\/\/\u83b7\u53d6\u5e94\u7528\u5b9e\u4f8b\nconst&nbsp;app&nbsp;=&nbsp;getApp()\n\nPage({\n&nbsp;&nbsp;data:&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;logo:&nbsp;\"\/res\/rasp-logo.png\",\n&nbsp;&nbsp;&nbsp;&nbsp;welcome:&nbsp;\"\u6b22\u8fce\u4f7f\u7528\u6811\u8393\u5c0f\u8f66\",\n&nbsp;&nbsp;&nbsp;&nbsp;enterBtn:&nbsp;\"\u8fdb\u5165\",\n&nbsp;&nbsp;&nbsp;&nbsp;PromoteMsg:&nbsp;\"Please&nbsp;enter&nbsp;the&nbsp;server&nbsp;address&nbsp;(eg:&nbsp;http:\/\/x.x.x.x:8080)\",\n&nbsp;&nbsp;&nbsp;&nbsp;reqURL:&nbsp;\"\"\n&nbsp;&nbsp;},\n&nbsp;&nbsp;\/\/&nbsp;\u4ece\u8f93\u5165\u6846\u4e2d\u83b7\u53d6\u7528\u6237\u8f93\u5165\u7684\u670d\u52a1\u5668\u5730\u5740\u4fe1\u606f\n&nbsp;&nbsp;getURL:&nbsp;function&nbsp;(e)&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;this.setData({\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;reqURL:&nbsp;e.detail.value\n&nbsp;&nbsp;&nbsp;&nbsp;})\n&nbsp;&nbsp;},\n&nbsp;&nbsp;enterClicked:&nbsp;function&nbsp;(e)&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;\/*\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*&nbsp;\u5f53\u6309\u4e0b\u8fdb\u5165\u6309\u94ae\uff0c\u9700\u8981\u505a\u4ee5\u4e0b\u4e8b\u60c5\uff1a\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*&nbsp;1.&nbsp;\u9996\u5148\u5224\u65ad\u7528\u6237\u662f\u5426\u5df2\u7ecf\u5728\u8f93\u5165\u6846\u4e2d\u8f93\u5165\u5b8c\u6574\u7684\u670d\u52a1\u5668\u5730\u5740\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*&nbsp;2.&nbsp;\u53d1\u8d77\u4e00\u4e2a\u5230\u670d\u52a1\u5668\u7684GET\u8bf7\u6c42\uff0c\u5e76\u5206\u6790\u670d\u52a1\u5668\u7684\u54cd\u5e94\u7ed3\u679c\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*&nbsp;3.&nbsp;\u8df3\u8f6c\u5230\u5c0f\u8f66\u63a7\u5236\u754c\u9762\n&nbsp;&nbsp;&nbsp;&nbsp;*\/\n&nbsp;&nbsp;&nbsp;&nbsp;console.log(this.data.reqURL)\n\n&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(this.data.reqURL&nbsp;==&nbsp;'')&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;wx.showModal({\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;title:&nbsp;'\u63d0\u793a',\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;content:&nbsp;'\u8bf7\u5148\u8f93\u5165\u6b63\u786e\u7684\u670d\u52a1\u5668\u5730\u5740\uff01',\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;})\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return\n&nbsp;&nbsp;&nbsp;&nbsp;}\n\n&nbsp;&nbsp;&nbsp;&nbsp;\/\/&nbsp;\u53d1\u8d77\u5230\u670d\u52a1\u5668\u7684GET\u8bf7\u6c42\n&nbsp;&nbsp;&nbsp;&nbsp;wx.request({\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url:&nbsp;this.data.reqURL,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;success:&nbsp;function&nbsp;(res)&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\/\/&nbsp;\u5728\u8fd9\u91cc\u83b7\u53d6POST\u8bf7\u6c42\u5730\u5740\uff0c\u4ee5\u53ca\u89c6\u9891\u6d41\u5730\u5740\uff0c\u7136\u540e\u8d4b\u503c\u7ed9\u5168\u5c40\u53d8\u91cf\uff0c\u4f9bcontrol\u9875\u9762\u8c03\u7528\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(res.data.match(\/url&nbsp;=&nbsp;\"(S*)\"\/)[1])\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(res.data.match(\/src=\"(S*)\"\/)[1])\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;app.globalData.postURL&nbsp;=&nbsp;res.data.match(\/url&nbsp;=&nbsp;\"(S*)\"\/)[1]\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;app.globalData.cameraURL&nbsp;=&nbsp;res.data.match(\/src=\"(S*)\"\/)[1]\n\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\/\/&nbsp;\u8df3\u8f6c\u5230control\u9875\u9762\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;wx.navigateTo({\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url:&nbsp;'\/pages\/control\/control',\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;})\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fail:&nbsp;function(res)&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;wx.showModal({\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;title:&nbsp;'\u63d0\u793a',\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;content:&nbsp;'\u8bf7\u68c0\u67e5\u8f93\u5165\u7684\u670d\u52a1\u5668\u5730\u5740\uff01',\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;})\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}\n&nbsp;&nbsp;&nbsp;&nbsp;})\n&nbsp;&nbsp;}\n})<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<ul>\n<li>\n<p>index.json\uff1a\u65e0\u6570\u636e\uff0c\u53ea\u6709\u4e00\u5bf9\u6253\u62ec\u53f7<\/p>\n<\/li>\n<li>\n<p>index.wxml<\/p>\n<\/li>\n<\/ul>\n<pre>&lt;!--index.wxml--&gt;\n&lt;view&gt;\n&nbsp;&nbsp;&lt;view&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;view&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;image&gt;&lt;\/image&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/view&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;view&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;text&gt;{{welcome}}&lt;\/text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/view&gt;\n&nbsp;&nbsp;&lt;\/view&gt;\n\n&nbsp;&nbsp;&lt;input&gt;\n&nbsp;&nbsp;&lt;button&gt;{{enterBtn}}&lt;\/button&gt;\n&lt;\/view&gt;<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<ul>\n<li>\n<p>index.wxss<\/p>\n<\/li>\n<\/ul>\n<pre>\/**index.wxss**\/\n.welcome{\n&nbsp;&nbsp;display:&nbsp;flex;\n&nbsp;&nbsp;margin-top:&nbsp;50rpx;\n&nbsp;&nbsp;flex-direction:&nbsp;column;\n&nbsp;&nbsp;align-items:&nbsp;center;\n&nbsp;&nbsp;justify-content:&nbsp;space-between;\n}\n\n.requestURL{\n&nbsp;&nbsp;margin:&nbsp;50rpx&nbsp;10rpx&nbsp;30rpx&nbsp;10rpx;\n&nbsp;&nbsp;border:&nbsp;1px&nbsp;solid&nbsp;gray;\n&nbsp;&nbsp;font-style:&nbsp;italic;\n&nbsp;&nbsp;font-size:&nbsp;small\n}\n\n.enter{\n&nbsp;&nbsp;margin-right:&nbsp;10rpx;\n&nbsp;&nbsp;width:&nbsp;150rpx;\n&nbsp;&nbsp;height:&nbsp;60rpx;\n&nbsp;&nbsp;font-size:&nbsp;small\n}<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<h1>4. control\u76ee\u5f55&nbsp;<\/h1>\n<ul>\n<li>\n<p>control.js<\/p>\n<\/li>\n<\/ul>\n<pre>\/\/&nbsp;pages\/control\/control.js\nconst&nbsp;app&nbsp;=&nbsp;getApp()\n\nPage({\n\n&nbsp;&nbsp;\/**\n&nbsp;&nbsp;&nbsp;*&nbsp;\u9875\u9762\u7684\u521d\u59cb\u6570\u636e\n&nbsp;&nbsp;&nbsp;*\/\n&nbsp;&nbsp;data:&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;\/\/&nbsp;Car&nbsp;control&nbsp;images\n&nbsp;&nbsp;&nbsp;&nbsp;\"forwardBtn\":&nbsp;\"\/res\/forward.png\",\n&nbsp;&nbsp;&nbsp;&nbsp;\"leftBtn\":&nbsp;\"\/res\/left.png\",\n&nbsp;&nbsp;&nbsp;&nbsp;\"rightBtn\":&nbsp;\"\/res\/right.png\",\n&nbsp;&nbsp;&nbsp;&nbsp;\"backLeftBtn\":&nbsp;\"\/res\/back-left.png\",\n&nbsp;&nbsp;&nbsp;&nbsp;\"backRightBtn\":&nbsp;\"\/res\/back-right.png\",\n&nbsp;&nbsp;&nbsp;&nbsp;\"backBtn\":&nbsp;\"\/res\/backward.png\",\n\n&nbsp;&nbsp;&nbsp;&nbsp;\/\/&nbsp;Camera&nbsp;control&nbsp;images\n&nbsp;&nbsp;&nbsp;&nbsp;\"upBtn\":&nbsp;\"\/res\/forward.png\",\n&nbsp;&nbsp;&nbsp;&nbsp;\"camLeftBtn\":&nbsp;\"\/res\/camLeft.png\",\n&nbsp;&nbsp;&nbsp;&nbsp;\"camRightBtn\":&nbsp;\"\/res\/camRight.png\",\n&nbsp;&nbsp;&nbsp;&nbsp;\"downBtn\":&nbsp;\"\/res\/backward.png\",\n&nbsp;&nbsp;&nbsp;&nbsp;\"resetBtn\":&nbsp;\"\/res\/reset.png\"\n&nbsp;&nbsp;},\n\n&nbsp;&nbsp;carMove:&nbsp;function(event)&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;wx.request({\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url:&nbsp;this.data.postURL,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;data:&nbsp;event.currentTarget.dataset.direction,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;method:&nbsp;\"POST\",\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;success:&nbsp;function(res){\n\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fail:&nbsp;function(res){\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}\n&nbsp;&nbsp;&nbsp;&nbsp;})\n&nbsp;&nbsp;},\n\n&nbsp;&nbsp;carStop:&nbsp;function(event)&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;wx.request({\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url:&nbsp;this.data.postURL,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;data:&nbsp;\"S\",\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;method:&nbsp;\"POST\",\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;success:&nbsp;function&nbsp;(res)&nbsp;{\n\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fail:&nbsp;function&nbsp;(res)&nbsp;{\n\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}\n&nbsp;&nbsp;&nbsp;&nbsp;})\n&nbsp;&nbsp;},\n\n&nbsp;&nbsp;camMove:&nbsp;function(event)&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;wx.request({\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url:&nbsp;this.data.postURL,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;data:&nbsp;event.currentTarget.dataset.direction,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;method:&nbsp;\"POST\",\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;success:&nbsp;function&nbsp;(res)&nbsp;{\n\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fail:&nbsp;function&nbsp;(res)&nbsp;{\n\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}\n&nbsp;&nbsp;&nbsp;&nbsp;})\n&nbsp;&nbsp;},\n\n&nbsp;&nbsp;\/**\n&nbsp;&nbsp;&nbsp;*&nbsp;\u751f\u547d\u5468\u671f\u51fd\u6570--\u76d1\u542c\u9875\u9762\u52a0\u8f7d\n&nbsp;&nbsp;&nbsp;*\/\n&nbsp;&nbsp;onLoad:&nbsp;function&nbsp;(options)&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;\/\/this.data.cameraURL&nbsp;=&nbsp;app.globalData.cameraURL\n&nbsp;&nbsp;&nbsp;&nbsp;this.setData({\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cameraURL:&nbsp;app.globalData.cameraURL,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;postURL:&nbsp;app.globalData.postURL\n&nbsp;&nbsp;&nbsp;&nbsp;})\n&nbsp;&nbsp;&nbsp;&nbsp;console.log(this.data.cameraURL)\n&nbsp;&nbsp;&nbsp;&nbsp;console.log(\"post&nbsp;url&nbsp;in&nbsp;control&nbsp;page:&nbsp;\"&nbsp;+&nbsp;app.globalData.postURL)\n&nbsp;&nbsp;},\n\n&nbsp;&nbsp;\/**\n&nbsp;&nbsp;&nbsp;*&nbsp;\u751f\u547d\u5468\u671f\u51fd\u6570--\u76d1\u542c\u9875\u9762\u521d\u6b21\u6e32\u67d3\u5b8c\u6210\n&nbsp;&nbsp;&nbsp;*\/\n&nbsp;&nbsp;onReady:&nbsp;function&nbsp;()&nbsp;{\n&nbsp;&nbsp;\n&nbsp;&nbsp;},\n\n&nbsp;&nbsp;\/**\n&nbsp;&nbsp;&nbsp;*&nbsp;\u751f\u547d\u5468\u671f\u51fd\u6570--\u76d1\u542c\u9875\u9762\u663e\u793a\n&nbsp;&nbsp;&nbsp;*\/\n&nbsp;&nbsp;onShow:&nbsp;function&nbsp;()&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;\/\/console.log(wx.getSystemInfoSync().windowWidth)\n&nbsp;&nbsp;&nbsp;&nbsp;\/\/console.log(wx.getSystemInfoSync().windowHeight)\n&nbsp;&nbsp;},\n\n&nbsp;&nbsp;\/**\n&nbsp;&nbsp;&nbsp;*&nbsp;\u751f\u547d\u5468\u671f\u51fd\u6570--\u76d1\u542c\u9875\u9762\u9690\u85cf\n&nbsp;&nbsp;&nbsp;*\/\n&nbsp;&nbsp;onHide:&nbsp;function&nbsp;()&nbsp;{\n&nbsp;&nbsp;\n&nbsp;&nbsp;},\n\n&nbsp;&nbsp;\/**\n&nbsp;&nbsp;&nbsp;*&nbsp;\u751f\u547d\u5468\u671f\u51fd\u6570--\u76d1\u542c\u9875\u9762\u5378\u8f7d\n&nbsp;&nbsp;&nbsp;*\/\n&nbsp;&nbsp;onUnload:&nbsp;function&nbsp;()&nbsp;{\n&nbsp;&nbsp;\n&nbsp;&nbsp;},\n\n&nbsp;&nbsp;\/**\n&nbsp;&nbsp;&nbsp;*&nbsp;\u9875\u9762\u76f8\u5173\u4e8b\u4ef6\u5904\u7406\u51fd\u6570--\u76d1\u542c\u7528\u6237\u4e0b\u62c9\u52a8\u4f5c\n&nbsp;&nbsp;&nbsp;*\/\n&nbsp;&nbsp;onPullDownRefresh:&nbsp;function&nbsp;()&nbsp;{\n&nbsp;&nbsp;\n&nbsp;&nbsp;},\n\n&nbsp;&nbsp;\/**\n&nbsp;&nbsp;&nbsp;*&nbsp;\u9875\u9762\u4e0a\u62c9\u89e6\u5e95\u4e8b\u4ef6\u7684\u5904\u7406\u51fd\u6570\n&nbsp;&nbsp;&nbsp;*\/\n&nbsp;&nbsp;onReachBottom:&nbsp;function&nbsp;()&nbsp;{\n&nbsp;&nbsp;\n&nbsp;&nbsp;},\n\n&nbsp;&nbsp;\/**\n&nbsp;&nbsp;&nbsp;*&nbsp;\u7528\u6237\u70b9\u51fb\u53f3\u4e0a\u89d2\u5206\u4eab\n&nbsp;&nbsp;&nbsp;*\/\n&nbsp;&nbsp;onShareAppMessage:&nbsp;function&nbsp;()&nbsp;{\n&nbsp;&nbsp;\n&nbsp;&nbsp;}\n})<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<ul>\n<li>\n<p>control.json<\/p>\n<\/li>\n<\/ul>\n<pre>{\n&nbsp;&nbsp;\"navigationBarBackgroundColor\":&nbsp;\"#ffffff\",\n&nbsp;&nbsp;\"navigationBarTextStyle\":&nbsp;\"black\",\n&nbsp;&nbsp;\"navigationBarTitleText\":&nbsp;\"\u6811\u8393\u5c0f\u8f66\",\n&nbsp;&nbsp;\"backgroundColor\":&nbsp;\"#eeeeee\",\n&nbsp;&nbsp;\"backgroundTextStyle\":&nbsp;\"light\",\n&nbsp;&nbsp;\"enablePullDownRefresh\":&nbsp;false,\n&nbsp;&nbsp;\"navigationStyle\":&nbsp;\"custom\",\n&nbsp;&nbsp;\"disableScroll\":&nbsp;true\n}<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<ul>\n<li>\n<p>control.wxml<\/p>\n<\/li>\n<\/ul>\n<pre>&lt;!--pages\/control\/control.wxml--&gt;\n&lt;view&gt;\n&nbsp;&nbsp;&lt;!-- This image shows the camera view --&gt;\n&nbsp;&nbsp;&lt;image&gt;&lt;\/image&gt;\n\n&nbsp;&nbsp;&lt;!-- The following six images control the car move  --&gt;\n&nbsp;&nbsp;&lt;image&gt;&lt;\/image&gt;\n&nbsp;&nbsp;&lt;image&gt;&lt;\/image&gt;\n&nbsp;&nbsp;&lt;image&gt;&lt;\/image&gt;\n&nbsp;&nbsp;&lt;image&gt;&lt;\/image&gt;\n&nbsp;&nbsp;&lt;image&gt;&lt;\/image&gt;\n&nbsp;&nbsp;&lt;image&gt;&lt;\/image&gt;\n\n&nbsp;&nbsp;&lt;!-- The following images control the camera move  --&gt;\n&nbsp;&nbsp;&lt;image&gt;&lt;\/image&gt;\n&nbsp;&nbsp;&lt;image&gt;&lt;\/image&gt;\n&nbsp;&nbsp;&lt;image&gt;&lt;\/image&gt;\n&nbsp;&nbsp;&lt;image&gt;&lt;\/image&gt;\n&nbsp;&nbsp;&lt;image&gt;&lt;\/image&gt;&lt;\/view&gt;<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<ul>\n<li>\n<p>control.wxss<\/p>\n<\/li>\n<\/ul>\n<pre>\/*&nbsp;pages\/control\/control.wxss&nbsp;*\/\n\n.control&nbsp;{\n&nbsp;&nbsp;width:&nbsp;100%;\n&nbsp;&nbsp;height:&nbsp;100%;\n&nbsp;&nbsp;transform:&nbsp;rotate(90deg);\n&nbsp;&nbsp;background-color:&nbsp;#eee;\n&nbsp;&nbsp;justify-content:&nbsp;center;\n}\n\n.cameraView&nbsp;{\n&nbsp;&nbsp;margin-left:&nbsp;0px;\n&nbsp;&nbsp;width:&nbsp;603px;\n&nbsp;&nbsp;height:&nbsp;375px;\n&nbsp;&nbsp;background-color:&nbsp;#eee;\n&nbsp;&nbsp;justify-content:&nbsp;center;\n}\n\n.button&nbsp;{\n&nbsp;&nbsp;height:&nbsp;60px;\n&nbsp;&nbsp;width:&nbsp;60px;\n&nbsp;&nbsp;opacity:&nbsp;0.3;\n}\n\n#forward&nbsp;{\n&nbsp;&nbsp;left:&nbsp;60px;\n&nbsp;&nbsp;top:&nbsp;135px;\n}\n\n#left&nbsp;{\n&nbsp;&nbsp;left:&nbsp;0px;\n&nbsp;&nbsp;top:&nbsp;195px;\n}\n\n#right&nbsp;{\n&nbsp;&nbsp;left:&nbsp;120px;\n&nbsp;&nbsp;top:&nbsp;195px;\n}\n\n#backLeft&nbsp;{\n&nbsp;&nbsp;left:&nbsp;0px;\n&nbsp;&nbsp;top:&nbsp;255px;\n}\n\n#backRight&nbsp;{\n&nbsp;&nbsp;left:&nbsp;120px;\n&nbsp;&nbsp;top:&nbsp;255px;\n}\n\n#back&nbsp;{\n&nbsp;&nbsp;left:&nbsp;60px;\n&nbsp;&nbsp;top:&nbsp;315px;\n}\n\n#up&nbsp;{\n&nbsp;&nbsp;left:&nbsp;480px;\n&nbsp;&nbsp;top:&nbsp;195px;\n}\n\n#camLeft&nbsp;{\n&nbsp;&nbsp;left:&nbsp;420px;\n&nbsp;&nbsp;top:&nbsp;255px;\n}\n\n#camRight&nbsp;{\n&nbsp;&nbsp;left:&nbsp;540px;\n&nbsp;&nbsp;top:&nbsp;255px;\n}\n\n#down&nbsp;{\n&nbsp;&nbsp;left:&nbsp;480px;\n&nbsp;&nbsp;top:&nbsp;315px;\n}\n\n#reset{\n&nbsp;&nbsp;left:&nbsp;480px;\n&nbsp;&nbsp;top:&nbsp;135px\n}<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<h1>5. \u5de5\u7a0b\u5168\u5c40\u63a7\u5236<\/h1>\n<ul>\n<li>\n<p>app.js\uff1a\u5b9e\u9645\u4f3c\u4e4e\u5e76\u6ca1\u6709\u7528\u5230\uff0c\u91cc\u9762\u90fd\u662f\u5de5\u7a0b\u521b\u5efa\u65f6\u7684\u9ed8\u8ba4\u4ee3\u7801<\/p>\n<\/li>\n<\/ul>\n<pre>\/\/app.js\nApp({\n&nbsp;&nbsp;onLaunch:&nbsp;function&nbsp;()&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;\/\/&nbsp;\u5c55\u793a\u672c\u5730\u5b58\u50a8\u80fd\u529b\n&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;logs&nbsp;=&nbsp;wx.getStorageSync('logs')&nbsp;||&nbsp;[]\n&nbsp;&nbsp;&nbsp;&nbsp;logs.unshift(Date.now())\n&nbsp;&nbsp;&nbsp;&nbsp;wx.setStorageSync('logs',&nbsp;logs)\n\n&nbsp;&nbsp;&nbsp;&nbsp;\/\/&nbsp;\u767b\u5f55\n&nbsp;&nbsp;&nbsp;&nbsp;wx.login({\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;success:&nbsp;res&nbsp;=&amp;gt;&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\/\/&nbsp;\u53d1\u9001&nbsp;res.code&nbsp;\u5230\u540e\u53f0\u6362\u53d6&nbsp;openId,&nbsp;sessionKey,&nbsp;unionId\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}\n&nbsp;&nbsp;&nbsp;&nbsp;})\n&nbsp;&nbsp;&nbsp;&nbsp;\/\/&nbsp;\u83b7\u53d6\u7528\u6237\u4fe1\u606f\n&nbsp;&nbsp;&nbsp;&nbsp;wx.getSetting({\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;success:&nbsp;res&nbsp;=&amp;gt;&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(res.authSetting['scope.userInfo'])&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\/\/&nbsp;\u5df2\u7ecf\u6388\u6743\uff0c\u53ef\u4ee5\u76f4\u63a5\u8c03\u7528&nbsp;getUserInfo&nbsp;\u83b7\u53d6\u5934\u50cf\u6635\u79f0\uff0c\u4e0d\u4f1a\u5f39\u6846\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;wx.getUserInfo({\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;success:&nbsp;res&nbsp;=&amp;gt;&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\/\/&nbsp;\u53ef\u4ee5\u5c06&nbsp;res&nbsp;\u53d1\u9001\u7ed9\u540e\u53f0\u89e3\u7801\u51fa&nbsp;unionId\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.globalData.userInfo&nbsp;=&nbsp;res.userInfo\n\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\/\/&nbsp;\u7531\u4e8e&nbsp;getUserInfo&nbsp;\u662f\u7f51\u7edc\u8bf7\u6c42\uff0c\u53ef\u80fd\u4f1a\u5728&nbsp;Page.onLoad&nbsp;\u4e4b\u540e\u624d\u8fd4\u56de\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\/\/&nbsp;\u6240\u4ee5\u6b64\u5904\u52a0\u5165&nbsp;callback&nbsp;\u4ee5\u9632\u6b62\u8fd9\u79cd\u60c5\u51b5\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(this.userInfoReadyCallback)&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.userInfoReadyCallback(res)\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;})\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}\n&nbsp;&nbsp;&nbsp;&nbsp;})\n&nbsp;&nbsp;},\n&nbsp;&nbsp;globalData:&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;userInfo:&nbsp;null,\n&nbsp;&nbsp;&nbsp;&nbsp;postURL:&nbsp;null,\n&nbsp;&nbsp;&nbsp;&nbsp;cameraURL:&nbsp;null\n&nbsp;&nbsp;}\n})<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<ul>\n<li>\n<p>app.json:<\/p>\n<\/li>\n<\/ul>\n<pre>{\n&nbsp;&nbsp;\"pages\":&nbsp;[\n&nbsp;&nbsp;&nbsp;&nbsp;\"pages\/index\/index\",\n&nbsp;&nbsp;&nbsp;&nbsp;\"pages\/control\/control\"\n&nbsp;&nbsp;],\n&nbsp;&nbsp;\"window\":&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;\"backgroundTextStyle\":&nbsp;\"light\",\n&nbsp;&nbsp;&nbsp;&nbsp;\"navigationBarBackgroundColor\":&nbsp;\"#fff\",\n&nbsp;&nbsp;&nbsp;&nbsp;\"navigationBarTitleText\":&nbsp;\"\u6811\u8393\u5c0f\u8f66\",\n&nbsp;&nbsp;&nbsp;&nbsp;\"navigationBarTextStyle\":&nbsp;\"black\",\n&nbsp;&nbsp;&nbsp;&nbsp;\"showStatusBar\":&nbsp;false\n&nbsp;&nbsp;}\n}<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<ul>\n<li>\n<p>app.wxss:<\/p>\n<\/li>\n<\/ul>\n<pre>\/**app.wxss**\/\n.container&nbsp;{\n&nbsp;&nbsp;height:&nbsp;100%;\n&nbsp;&nbsp;display:&nbsp;flex;\n&nbsp;&nbsp;flex-direction:&nbsp;column;\n&nbsp;&nbsp;align-items:&nbsp;center;\n&nbsp;&nbsp;justify-content:&nbsp;space-between;\n&nbsp;&nbsp;padding:&nbsp;200rpx&nbsp;0;\n&nbsp;&nbsp;box-sizing:&nbsp;border-box;\n}<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<ul>\n<li>\n<p>project.control.json:<\/p>\n<\/li>\n<\/ul>\n<pre>{\n\t\"description\":&nbsp;\"\u9879\u76ee\u914d\u7f6e\u6587\u4ef6\u3002\",\n\t\"packOptions\":&nbsp;{\n\t\t\"ignore\":&nbsp;[]\n\t},\n\t\"setting\":&nbsp;{\n\t\t\"urlCheck\":&nbsp;false,\n\t\t\"es6\":&nbsp;true,\n\t\t\"postcss\":&nbsp;true,\n\t\t\"minified\":&nbsp;true,\n\t\t\"newFeature\":&nbsp;true\n\t},\n\t\"compileType\":&nbsp;\"miniprogram\",\n\t\"libVersion\":&nbsp;\"2.0.4\",\n\t\"appid\":&nbsp;\"wx18414b9f85bfc895\",\n\t\"projectname\":&nbsp;\"wechat-control\",\n\t\"isGameTourist\":&nbsp;false,\n\t\"condition\":&nbsp;{\n\t\t\"search\":&nbsp;{\n\t\t\t\"current\":&nbsp;-1,\n\t\t\t\"list\":&nbsp;[]\n\t\t},\n\t\t\"conversation\":&nbsp;{\n\t\t\t\"current\":&nbsp;-1,\n\t\t\t\"list\":&nbsp;[]\n\t\t},\n\t\t\"game\":&nbsp;{\n\t\t\t\"currentL\":&nbsp;-1,\n\t\t\t\"list\":&nbsp;[]\n\t\t},\n\t\t\"miniprogram\":&nbsp;{\n\t\t\t\"current\":&nbsp;-1,\n\t\t\t\"list\":&nbsp;[]\n\t\t}\n\t}\n}<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<p>\u76f8\u5173\u63a8\u8350\uff1a<\/p>\n<\/p>\n<p>\u4ee5\u4e0a\u5c31\u662f\u5fae\u4fe1\u5c0f\u7a0b\u5e8f&#8211;\u6811\u8393\u6d3e\uff08raspberry pi\uff09\u5c0f\u8f66\u63a7\u5236\u7684\u4ee3\u7801\u6d41\u7a0b\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":"<p>\u76ee\u5f55 1. \u57fa\u672c\u601d\u8def 2. \u4ee3\u7801\u7ed3\u6784\u5982\u4e0b\uff1a 3. index\u76ee\u5f55 4. control\u76ee\u5f55&nbsp; 5. \u5de5\u7a0b\u5168\u5c40\u63a7\u5236 \u4e3b\u8981\u7ec3\u4e60\u4e86\u4e00\u4e0b\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u7684\u5f00\u53d1\u3002\u8fd9\u91cc\u7b80\u5355\u8bb0\u5f55\u4e00\u4e0b\u4e3b\u8981\u4ee3\u7801\u7247\u6bb5\u3002\u4e5f\u662f\u8d9f\u8fc7\u4e86\u8bb8\u591a\u7684\u5751\uff0c\u4f8b\u5982\uff1a\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4e0d\u652f\u6301\u5b8c\u5168\u5168\u5c4f\uff0c\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4e0d\u80fd\u6a2a\u5c4f\u5c55\u793a\u3002\u6240\u4ee5\u5f00\u53d1\u8fc7\u7a0b\u4e2d\u4e5f\u7528\u4e86\u4e00\u4e9b\u975e\u5e38\u624b\u6bb5\u3002\u53ef\u4ee5\u8bf4\u8fd9\u53ea\u662f\u4e00\u4e2a\u5f88\u57fa\u672c\u7684demo\uff0c\u6240\u4ee5\u91cc\u9762\u5f88\u591a\u4e1c\u897f\uff0c\u6bd4\u5982\u6444\u50cf\u5934\u76d1\u63a7ip\u3001\u9875\u9762\u5143\u7d20\u5b9a\u4f4d\u6211\u90fd\u4f7f\u7528\u4e86\u5199\u6b7b\u7684\u503c\u3002\u7279\u522b\u662f\u754c\u9762\uff0c\u6211\u53ea\u662f\u5728iphone 6\u4e0a\u9762\u505a\u7684\u5b9e\u9a8c\uff0c\u6240\u4ee5\u6362\u5230\u5176\u4ed6\u624b\u673a\u4e0a\u65f6\uff0c\u754c\u9762\u5c31\u4f1a\u53d8\u578b\u4e86\u3002 1. \u57fa\u672c\u601d\u8def \u8fdb\u5165\u5c0f\u7a0b\u5e8f\u65f6\u5c55\u793aindex\u9875\uff0c\u53ef\u4ee5\u8ba9\u7528\u6237\u8f93\u5165\u670d\u52a1\u7aefurl\uff08\u6a21\u62df\u4e0a\u4e00\u7bc7\u4e2d\u5728\u6d4f\u89c8\u5668\u83b7\u53d6get\u8bf7\u6c42\uff09 \u7136\u540e\u8df3\u8f6c\u5230\u5b9e\u9645\u7684\u5c0f\u8f66\u63a7\u5236\u754c\u9762\uff0c\u5e76\u53ef\u4ee5\u901a\u8fc7\u70b9\u51fb\u6309\u94ae\u5b9e\u73b0\u5c0f\u8f66\u63a7\u5236 \u63a7\u5236\u5c0f\u8f66\u7684\u79fb\u52a8\uff0c\u4e3b\u8981\u662f\u5728control.js\u4e2d\u5b9a\u4e49\u4e86\u754c\u9762\u6309\u94ae\u4e8b\u4ef6\u7684\u54cd\u5e94\uff0c\u5728\u54cd\u5e94\u4e8b\u4ef6\u7684\u8fc7\u7a0b\u4e2d\u5b9e\u73b0http\u8bf7\u6c42\u7684\u53d1\u9001 index\u9875\u9762\u5982\u4e0b\uff1a&nbsp; \u8fdb\u53bb\u4e4b\u540e\u7684\u9875\u9762\u5982\u4e0b\uff08\u5176\u4e2d\u4e2d\u95f4\u7a7a\u767d\u5904\u4f1a\u5c55\u793a\u6444\u50cf\u5934\u76d1\u63a7\uff0c\u4e0d\u8fc7\u6211\u5e76\u6ca1\u6709\u542f\u52a8\uff0c\u6240\u4ee5\u770b\u4e0d\u89c1\uff09\uff1a 2. \u4ee3\u7801\u7ed3\u6784\u5982\u4e0b\uff1a \u5176\u4e2d\uff0cindex\u4e0b\u9762\u662f\u9996\u9875\uff0ccontrol\u662f\u63a7\u5236\u9875\u9762\uff0cres\u76ee\u5f55\u4e0b\u5b58\u653e\u7684\u662f\u56fe\u7247\u8d44\u6e90 3. index\u76ee\u5f55 index.js \/\/index.js \/\/\u83b7\u53d6\u5e94\u7528\u5b9e\u4f8b const&nbsp;app&nbsp;=&nbsp;getApp() Page({ &nbsp;&nbsp;data:&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;logo:&nbsp;&#8220;\/res\/rasp-logo.png&#8221;, &nbsp;&nbsp;&nbsp;&nbsp;welcome:&nbsp;&#8220;\u6b22\u8fce\u4f7f\u7528\u6811\u8393\u5c0f\u8f66&#8221;, &nbsp;&nbsp;&nbsp;&nbsp;enterBtn:&nbsp;&#8220;\u8fdb\u5165&#8221;, &nbsp;&nbsp;&nbsp;&nbsp;PromoteMsg:&nbsp;&#8220;Please&nbsp;enter&nbsp;the&nbsp;server&nbsp;address&nbsp;(eg:&nbsp;http:\/\/x.x.x.x:8080)&#8221;, &nbsp;&nbsp;&nbsp;&nbsp;reqURL:&nbsp;&#8220;&#8221; &nbsp;&nbsp;}, &nbsp;&nbsp;\/\/&nbsp;\u4ece\u8f93\u5165\u6846\u4e2d\u83b7\u53d6\u7528\u6237\u8f93\u5165\u7684\u670d\u52a1\u5668\u5730\u5740\u4fe1\u606f &nbsp;&nbsp;getURL:&nbsp;function&nbsp;(e)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;this.setData({ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;reqURL:&nbsp;e.detail.value &nbsp;&nbsp;&nbsp;&nbsp;}) &nbsp;&nbsp;}, &nbsp;&nbsp;enterClicked:&nbsp;function&nbsp;(e)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;\/* &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*&nbsp;\u5f53\u6309\u4e0b\u8fdb\u5165\u6309\u94ae\uff0c\u9700\u8981\u505a\u4ee5\u4e0b\u4e8b\u60c5\uff1a &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*&nbsp;1.&nbsp;\u9996\u5148\u5224\u65ad\u7528\u6237\u662f\u5426\u5df2\u7ecf\u5728\u8f93\u5165\u6846\u4e2d\u8f93\u5165\u5b8c\u6574\u7684\u670d\u52a1\u5668\u5730\u5740 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*&nbsp;2.&nbsp;\u53d1\u8d77\u4e00\u4e2a\u5230\u670d\u52a1\u5668\u7684GET\u8bf7\u6c42\uff0c\u5e76\u5206\u6790\u670d\u52a1\u5668\u7684\u54cd\u5e94\u7ed3\u679c &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*&nbsp;3.&nbsp;\u8df3\u8f6c\u5230\u5c0f\u8f66\u63a7\u5236\u754c\u9762 &nbsp;&nbsp;&nbsp;&nbsp;*\/ &nbsp;&nbsp;&nbsp;&nbsp;console.log(this.data.reqURL) &nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(this.data.reqURL&nbsp;==&nbsp;&#8221;)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;wx.showModal({ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;title:&nbsp;&#8216;\u63d0\u793a&#8217;, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;content:&nbsp;&#8216;\u8bf7\u5148\u8f93\u5165\u6b63\u786e\u7684\u670d\u52a1\u5668\u5730\u5740\uff01&#8217;, [&hellip;]<\/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-32175","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/32175","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=32175"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/32175\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=32175"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=32175"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=32175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}