微信小程序真機（手機預覽）https訪問本地服務程序
發布時間：2018-04-08 12:00 所屬欄目：小程序開發教程
|
手機測試訪問本地tomcat部署服務程序
真機https訪問本地服務程序
先聲明，本人小白一名，應公司部門老大要求學習微信小程序，純粹新手，到目前為止就只做了一個很low的小程序，后臺服務程序(Java)是公司內部早就寫好的，已有一套完整的Web系統和App，我做的就是寫好小程序頁面調用后臺接口完成與原生App相同的功能，僅此而已。
我寫的這些東西很淺顯，沒什么價值，對大神們來說根本不值一提，但我想肯定也有一部分像我一樣的小白，希望能幫到他們。
我在開發的時候遇到很多困難，尤其是真機預覽這一步。如果不去訪問后臺服務程序，單純的預覽頁面及之間的跳轉等動作，真機測試很簡單，有appid即可，不過沒什么意義，完全是單機程序；但要訪問后臺，微信小程序對請求做了嚴格的限制，合法的域名、備案、服務器配置、ssl證書(還要檢測能通過)、TLS版本問題、url不能有端口等等讓人舉步維艱。我遇到的問題是服務程序部署到公司服務器上，域名不能備案(好多信息要填，我不知道)，證書檢測未通過(阿里云申請的，不知道為什么)，默認端口不對外開放也沒權限使用，無奈我只能把服務程序部署到我本地電腦上，缺陷是只能自娛自樂，好處是也能體驗小程序的功能，還能隨時調試前后臺。
說了好多廢話，現在開始吧，這里只做一個小程序，點擊按鈕訪問后臺，成功后頁面跳轉。
需要材料：
1、 一臺可以上網的電腦
2、 后臺服務程序(我只會Java，這里用Java示范)
3、 tomcat部署服務程序，保證通過瀏覽器http://localhost:8080/xxx可以訪問
4、 微信web開發工具
5、 能用無線網的手機
第一步：創建小程序
   
很簡單，只有兩個頁面，index頁面點擊go按鈕訪問url成功后跳轉到test頁面
第二步：tomcat部署服務程序，瀏覽器訪問
瀏覽器訪問http://localhost:8080/StrutsTest/user_test
我后臺用struts寫的簡單的程序，訪問成功后后臺打印
第三步：小程序訪問后臺
將index.js中的url替換成http://localhost:8080/StrutsTest/user_test
注意將
 
打勾后保存重新編譯調試
 
第四步：https配置
1、域名，我是在阿里云萬網2塊錢1年買的，大家隨意，這里記為www.xxx.zzz
2、查詢本機ip
  
3、解析，我也是在阿里云解析的
解析的ip為上述查詢的本機ip，解析過程很快，1分鐘后就生效
微信服務器配置，把域名填進去
測試http://www.xxx.zzz:8080/StrutsTest/user_test
4、ssl證書
有了域名后到阿里云或其他渠道申請免費證書
下載下來后是這樣的
5、https配置tomcat
首先用jdk的keytool工具將下載下來的pfx證書轉成jks證書(其實不用轉也可以，直接用pfx證書，但是我沒配置成功，只好這么辦)
具體操作百度一下，很簡單，之后配置tomcat
http://www.zzidc.com/main/help/showHelpContent/id_461.html
注意訪問端口一定是443，另外server.xml中的其他兩個地方的redirectPort="8443"默認8443也要改為443
配置完tomcat后重啟tomcat，測試https://www.xxx.zzz/StrutsTest/user_test
第五步：微信小程序https訪問后臺
將小程序中的url改為https://www.xxx.zzz/StrutsTest/user_test
保存編譯測試，由于我家里電腦沒有做上述配置，就不演示了，親測可行！
第六步：真機預覽
獲取appid方法
http://www.wxapp-union.com/forum.php?mod=viewthread&tid=495&extra=page%3D1
確保手機與電腦在同一局域網下，可以用手機連接電腦的wifi，即可進行真機測試，我這里不方便演示，親測可行！
最后，再貧幾句，公司給我安排了別的任務，任務來了，小程序的學習也只當是業余活動了，萬一以后還要用呢，只不過不能那么上心了，學多學少看心情吧。
我不知道把服務程序放到某些云平臺上行不行，按理來說是可以的，我之前學微信公眾號開發的時候我就把我的服務程序直接打包到新浪SAE，是可行的，但我目前用的服務程序不僅要配置tomcat，還有activemq什么的，云平臺不可能這么智能吧，所以我還是在我電腦上自娛自樂吧，哈哈！
我這個垃圾教程也寫完了，僅供參考，有錯誤還請大家指正，希望能幫到那些像我一樣沒有服務器可用的、沒有備案的、證書檢測未通過的、迷茫的小白們，權當是送給你們的圣誕禮物了，今后在自己電腦上就可以完成前后臺對接，上線公布先別想了，樂呵樂呵得了！
|
