天河微信小程序入門《三》：打通任督二脈，前后臺互通

發(fā)布時間：2018-03-29 18:27 所屬欄目：小程序開發(fā)教程

天河君在申請到https證書后就第一時間去部署后臺環(huán)境，但是發(fā)現(xiàn)每次訪問https都要帶上8443端口實在是很坑爹啊，作為一個強迫癥晚期，我要做的自然是不帶端口直接訪問。
打開你tomcat下的conf文件夾，編輯里面的server.xml

<Connector port="80" protocol="HTTP/1.1"
connectionTimeout="20000"
redirectPort="8443" />
<!-- Define a SSL HTTP/1.1 Connector on port 8443
This connector uses the BIO implementation that requires the JSSE
style configuration. When using the APR/native implementation, the
OpenSSL style configuration is required as described in the APR/native
documentation -->
<Connector port="8443" protocol="org.apache.coyote.http11.Http11Protocol"
maxThreads="150" SSLEnabled="true" scheme="https" secure="true"
keystoreFile="/usr/local/XRL/666666666666.pfx"
keystoreType="PKC666"
keystorePass="666666666666666"
clientAuth="false" sslProtocol="TLS" />
<Connector port="8009" protocol="AJP/1.3" redirectPort="8443" />

復(fù)制代碼

將以上內(nèi)容中的8443替換成443，就是下面這樣

<Connector port="80" protocol="HTTP/1.1"
connectionTimeout="20000"
redirectPort="443" />
<!-- Define a SSL HTTP/1.1 Connector on port 443
This connector uses the BIO implementation that requires the JSSE
style configuration. When using the APR/native implementation, the
OpenSSL style configuration is required as described in the APR/native
documentation -->
<Connector port="443" protocol="org.apache.coyote.http11.Http11Protocol"
maxThreads="150" SSLEnabled="true" scheme="https" secure="true"
keystoreFile="/usr/local/XRL/666666666666.pfx"
keystoreType="PKC666"
keystorePass="666666666666666"
clientAuth="false" sslProtocol="TLS" />
<Connector port="8009" protocol="AJP/1.3" redirectPort="443" />

復(fù)制代碼

當(dāng)然注釋內(nèi)的不一定要改，還有就是不要復(fù)制粘貼我的，我的證書和你們的不一樣。
這樣改過后，再訪問https://域名的時候，就不需要帶端口號了。但是我還是覺得不爽啊，因為瀏覽器默認是訪問http的地址，這樣每次訪問https我都需要將域名補全，作為一個強迫癥晚期，我又要抓狂了。
打開你tomcat下的conf文件夾，編輯里面的web.xml

</welcome-file-list>

復(fù)制代碼

在上面兩行標簽之間添加（一般你沒有改過web.xml的情況下，這是該文件最后兩行代碼）如下代碼

<login-config>
<auth-method>CLIENT-CERT</auth-method>
<realm-name>Client Cert Users-only Area</realm-name>
</login-config>
<security-constraint>
<web-resource-collection >
<web-resource-name >SSL</web-resource-name>
<url-pattern>/*</url-pattern>
</web-resource-collection>
<user-data-constraint>
<transport-guarantee>CONFIDENTIAL</transport-guarantee>
</user-data-constraint>
</security-constraint>

復(fù)制代碼

這樣當(dāng)你訪問http://的時候會自動跳轉(zhuǎn)到https://上去。ok，至此，強迫癥就好了一大半了，我們也可以開始寫后臺服務(wù)了。
至于連https證書都還沒有搞定的同學(xué)，請移步（天河微信小程序入門《二》）
天河君之前是java狗，這次的后臺也是用java部署的，用的是傳統(tǒng)的web框架SSM，使用了極樂科技的一鍵部署工具。因為好久沒有搭框架了，還好有這樣的一鍵部署工具，不然又要一點點配置框架，簡直是瘋掉。一鍵生成SSM框架后，天河君就直接開始寫業(yè)務(wù)代碼了。嗯嗯~非常簡單的代碼：

/**
* 獲取系統(tǒng)時間。
* @return 獲取系統(tǒng)時間。
* @author Sdanly
* @since 1.0
*/
@ResponseBody
@RequestMapping(value=<span style="white-space: pre; line-height: 1.5;">"/getTime"</span><span style="line-height: 1.5;">, method=RequestMethod.GET)</span>
public Map<String, Object> getTime(HttpServletRequest req) {
Map<String, Object> params = new HashMap<String, Object>();
SimpleDateFormat time = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
params.put("time", time.format(new Timestamp(System.currentTimeMillis())));
return params;
}

復(fù)制代碼

是的，天河君只是想測試前后臺的環(huán)境是通的，所謂欲練神功，先打通任督二脈嘛。
前臺則是做了一個按鈕，將后臺傳送上來的時間顯示出來而已。demo會在文末提供下載（非常簡單的demo，大家也可以嘗試自己去做）
這個請求會返回一個name是"time"，value是當(dāng)前服務(wù)器時間的json串回來。獲取之后顯示在前臺的頁面就ok了。

手機上的效果就是這樣的。雖然很簡單，但主要是為了證明前后臺通訊正常嘛，也就沒有寫太復(fù)雜了。
后期天河在學(xué)習(xí)小程序制作的過程中，會寫更多的后臺調(diào)用服務(wù)，因為很多朋友都是純前端，只是想學(xué)習(xí)小程序本身的開發(fā)，對后臺的環(huán)境搭配等并不熟悉，也不感興趣。所以天河在這里想公布后臺的api和配置方法，如果有朋友只是想學(xué)習(xí)小程序前端的知識，可以直接調(diào)用api，不用去管后臺的邏輯處理。按照我們約定好的借口接收數(shù)據(jù)就可以了。
后臺的域名是https://api.wxapp-union.com，這個獲取時間的api是getTime，在小程序中的調(diào)用方法是

wx.request({
url: 'https://api.wxapp-union.com/getTime'

復(fù)制代碼

返回的報文是