先聲明，本人小白一名，應(yīng)公司部門老大要求學(xué)習(xí)微信小程序，純粹新手，到目前為止就只做了一個很low的小程序，后臺服務(wù)程序(Java)是公司內(nèi)部早就寫好的，已有一套完整的Web系統(tǒng)和App，我做的就是寫好小程序頁面調(diào)用后臺接口完成與原生App相同的功能，僅此而已。

我寫的這些東西很淺顯，沒什么價值，對大神們來說根本不值一提，但我想肯定也有一部分像我一樣的小白，希望能幫到他們。

我在開發(fā)的時候遇到很多困難，尤其是真機(jī)預(yù)覽這一步。如果不去訪問后臺服務(wù)程序，單純的預(yù)覽頁面及之間的跳轉(zhuǎn)等動作，真機(jī)測試很簡單，有appid即可，不過沒什么意義，完全是單機(jī)程序；但要訪問后臺，微信小程序?qū)φ埱笞隽藝?yán)格的限制，合法的域名、備案、服務(wù)器配置、ssl證書(還要檢測能通過)、TLS版本問題、url不能有端口等等讓人舉步維艱。我遇到的問題是服務(wù)程序部署到公司服務(wù)器上，域名不能備案(好多信息要填，我不知道)，證書檢測未通過(阿里云申請的，不知道為什么)，默認(rèn)端口不對外開放也沒權(quán)限使用，無奈我只能把服務(wù)程序部署到我本地電腦上，缺陷是只能自娛自樂，好處是也能體驗(yàn)小程序的功能，還能隨時調(diào)試前后臺。

說了好多廢話，現(xiàn)在開始吧，這里只做一個小程序，點(diǎn)擊按鈕訪問后臺，成功后頁面跳轉(zhuǎn)。

需要材料：

1、 一臺可以上網(wǎng)的電腦

2、 后臺服務(wù)程序(我只會Java，這里用Java示范)

3、 tomcat部署服務(wù)程序，保證通過瀏覽器http://localhost:8080/xxx可以訪問

4、 微信web開發(fā)工具

5、 能用無線網(wǎng)的手機(jī)

第一步：創(chuàng)建小程序

很簡單，只有兩個頁面，index頁面點(diǎn)擊go按鈕訪問url成功后跳轉(zhuǎn)到test頁面

第二步：tomcat部署服務(wù)程序，瀏覽器訪問

 開啟tomcat

瀏覽器訪問http://localhost:8080/StrutsTest/user_test

我后臺用struts寫的簡單的程序，訪問成功后后臺打印

 后臺訪問成功！

 

第三步：小程序訪問后臺

將index.js中的url替換成http://localhost:8080/StrutsTest/user_test

注意將  打勾，還沒配置https，否則會報錯

打勾后保存重新編譯調(diào)試

 打印第二條信息，訪問成功！

第四步：https配置

1、域名，我是在阿里云萬網(wǎng)2塊錢1年買的，大家隨意，這里記為www.xxx.zzz

2、查詢本機(jī)ip

 這里記為192.168.xxx.xxx，測試http://192.168.xxx.xxx/StrutsTest/user_test

 打印第三條信息，訪問成功！

3、解析，我也是在阿里云解析的

解析的ip為上述查詢的本機(jī)ip，解析過程很快，1分鐘后就生效

微信服務(wù)器配置，把域名填進(jìn)去

測試http://www.xxx.zzz:8080/StrutsTest/user_test

 打印第四條信息，訪問成功！

4、ssl證書

有了域名后到阿里云或其他渠道申請免費(fèi)證書

下載下來后是這樣的  名稱是訂單號

5、https配置tomcat

首先用jdk的keytool工具將下載下來的pfx證書轉(zhuǎn)成jks證書(其實(shí)不用轉(zhuǎn)也可以，直接用pfx證書，但是我沒配置成功，只好這么辦)

具體操作百度一下，很簡單，之后配置tomcat

http://www.zzidc.com/main/help/showHelpContent/id_461.html

注意訪問端口一定是443，另外server.xml中的其他兩個地方的redirectPort="8443"默認(rèn)8443也要改為443

配置完tomcat后重啟tomcat，測試https://www.xxx.zzz/StrutsTest/user_test