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

我寫的這些東西很淺顯，沒(méi)什么價(jià)值，對(duì)大神們來(lái)說(shuō)根本不值一提，但我想肯定也有一部分像我一樣的小白，希望能幫到他們。

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

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

需要材料：

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

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

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

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

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

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

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

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

 開(kāi)啟tomcat

瀏覽器訪問(wèn)http://localhost:8080/StrutsTest/user_test

我后臺(tái)用struts寫的簡(jiǎn)單的程序，訪問(wèn)成功后后臺(tái)打印

 后臺(tái)訪問(wèn)成功！

 

第三步：小程序訪問(wèn)后臺(tái)

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

注意將  打勾，還沒(méi)配置https，否則會(huì)報(bào)錯(cuò)

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

 打印第二條信息，訪問(wèn)成功！

第四步：https配置

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

2、查詢本機(jī)ip

 這里記為192.168.xxx.xxx，測(cè)試http://192.168.xxx.xxx/StrutsTest/user_test

 打印第三條信息，訪問(wèn)成功！

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

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

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

測(cè)試http://www.xxx.zzz:8080/StrutsTest/user_test

 打印第四條信息，訪問(wèn)成功！

4、ssl證書

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

下載下來(lái)后是這樣的  名稱是訂單號(hào)

5、https配置tomcat

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

具體操作百度一下，很簡(jiǎn)單，之后配置tomcat

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

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

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