本地搭建微信小程序服務(wù)器的實(shí)現(xiàn)方法
本地搭建微信小程序服務(wù)器的實(shí)現(xiàn)方法
現(xiàn)在開發(fā)需要購(gòu)買服務(wù)器,價(jià)格還是有點(diǎn)貴的,可以花費(fèi)小代價(jià)就可以搭建一個(gè)服務(wù)器,可以用來(lái)開發(fā)小程序,博客等。
1.域名(備案過(guò)的)
2.阿里云注冊(cè)免費(fèi)的https證書
3.配置本地的nginx
4.內(nèi)網(wǎng)映射(本地安裝wampserver 服務(wù)器)
一、域名
注冊(cè)花生殼,開通內(nèi)網(wǎng)映射需要8元(我開通時(shí)需要,現(xiàn)在不清楚還要不要),里面可以注冊(cè)2個(gè)免費(fèi)的域名,都是免備案的。具體的請(qǐng)自行百度,花生殼注冊(cè)地址
二、申請(qǐng)阿里云免費(fèi)的https證書
阿里云免費(fèi)的https證書地址
這個(gè)步驟相對(duì)來(lái)說(shuō)比較簡(jiǎn)單,需要注意的地方也不多,按照阿里云官方的提示來(lái),就能夠操作成功了。值得注意的是你在申請(qǐng)證書過(guò)程中,證書是免費(fèi)的,你不用付費(fèi),但是需要下單,下單完成后需要完善你的域名信息,然后提交審核。審核完成后,官方自動(dòng)給你發(fā)放證書,順利的話一個(gè)小時(shí)就能搞定。
注意:
1.通過(guò)花生殼,內(nèi)網(wǎng)映射出本地的訪問(wèn)地址
2.把阿里云證書補(bǔ)全信息的域名填寫完成后,阿里云會(huì)進(jìn)入 審核中,需要下載他的一個(gè)fileauth.txt 文件
i.在進(jìn)度查詢頁(yè)面,單擊 fileauth.txt 驗(yàn)證文件,下載到本地。
ii.在您的站點(diǎn)服務(wù)器的根目錄創(chuàng)建.well-known/pki-validation,創(chuàng)建文件夾Windows命令是 md ".well-known" 子目錄pki-validation。
iii.將 fileauth.txt 驗(yàn)證文件上傳到.well-known/pki-validation目錄下 目錄。 完成后,可通過(guò)驗(yàn)證 URL 地址(http://a.com/.well-known/pki-validation/fileauth.txt )訪問(wèn)。 參考如何配置域名授權(quán)驗(yàn)證?
三、配置本地的nginx(主要是Apache的https配置太繁瑣了)
下載證書文件
image.png
配置nginx中的nginx.conf文件,證書要放在conf/cert目錄下,具體的代碼
server { listen 443; server_name 11.168.1.150; ssl on; root "D:/works/wamp"; charset utf-8; index index.html index.htm; ssl_certificate cert/214296869710097.pem;#替換成你的文件 ssl_certificate_key cert/214296869710097.key;#替換成你的文件 ssl_session_timeout 5m; ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4; ssl_protocols TLSv1 TLSv1.1 TLSv1.2; ssl_prefer_server_ciphers on; location / { root "D:/works/wamp"; index index.html index.htm index.php; proxy_pass http://11.168.1.150:8081; } }
四、配置花生殼的內(nèi)網(wǎng)映射
注意:
花生殼的映射不能設(shè)置為80端口的映射(我也沒(méi)找到原因在哪,客服反饋是要設(shè)置自定義端口)
成功之后,對(duì)外訪問(wèn)的地址
最后上個(gè)配置成功后,請(qǐng)求的效果吧!
如有疑問(wèn)請(qǐng)留言或者到本站社區(qū)交流討論,感謝閱讀,希望能幫助到大家,謝謝大家對(duì)本站的支持!
- 微信小程序使用wx.request請(qǐng)求服務(wù)器json數(shù)據(jù)并渲染到頁(yè)面操作示例
- tp5實(shí)現(xiàn)微信小程序多圖片上傳到服務(wù)器功能
- 微信小程序ajax實(shí)現(xiàn)請(qǐng)求服務(wù)器數(shù)據(jù)及模版遍歷數(shù)據(jù)功能示例
- 微信小程序上傳圖片到服務(wù)器實(shí)例代碼
- 微信小程序圖片選擇、上傳到服務(wù)器、預(yù)覽(PHP)實(shí)現(xiàn)實(shí)例
- 微信小程序訪問(wèn)node.js接口服務(wù)器搭建教程
- 微信小程序 消息推送php服務(wù)器驗(yàn)證實(shí)例詳解
- 微信小程序 解決請(qǐng)求服務(wù)器手機(jī)預(yù)覽請(qǐng)求不到數(shù)據(jù)的方法
- 微信小程序 Windows2008 R2服務(wù)器配置TLS1.2方法
- 微信小程序搭建自己的Https服務(wù)器
相關(guān)文章
微信小程序 藍(lán)牙的實(shí)現(xiàn)實(shí)例代碼
這篇文章主要介紹了微信小程序 藍(lán)牙的實(shí)現(xiàn)實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2017-06-06前端算法leetcode109題解有序鏈表轉(zhuǎn)換二叉搜索樹
這篇文章主要為大家介紹了前端算法leetcode109題解有序鏈表轉(zhuǎn)換二叉搜索樹示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-09-09微信小程序 輪播圖swiper詳解及實(shí)例(源碼下載)
這篇文章主要介紹了微信小程序 輪播圖swiper詳解及實(shí)例(源碼下載)的相關(guān)資料,實(shí)用小技巧自定義輪播圖swiper dots默認(rèn)樣式,需要的朋友可以參考下2017-01-01jQuery單頁(yè)面文字搜索插件jquery.fullsearch.js的使用方法
jquery.fullsearch.js是一款基于Bootstrap文字搜索插件,可以幫助您快速搜索到當(dāng)前頁(yè)面所包含的指定文字,并定位到所在位置2020-02-02利用JavaScript寫一個(gè)簡(jiǎn)單計(jì)算器
這篇文章主要介紹了?如何利用JavaScript寫一個(gè)簡(jiǎn)單計(jì)算器,利用JavaScript寫一個(gè)簡(jiǎn)單計(jì)算器算是一個(gè)簡(jiǎn)單的小練習(xí)吧,需要的小伙伴可以參考一下<BR>2021-11-11微信小程序 setData使用方法及常用錯(cuò)誤解決辦法
這篇文章主要介紹了微信小程序 setData使用方法及常用錯(cuò)誤解決辦法的相關(guān)資料,需要的朋友可以參考下2017-05-05