微信小程式免費HTTPS證書申請搭建教程（1）---申請SSL
背景：
最近微信小程式很火，技術迷的我自然要選擇跟風學習一下。按照微信小程式的官方文件，發出request請求連結地址必須為https。如果是使用http訪問請求，那麼在使用微信webapp開發工具時，如果像下面一樣勾選“不校驗請求域名以及TLS版本”，則可以使用開發環境的預覽請求資料，但是一旦釋出為微信小程式預覽版，則所有請求資料均失效了。（歡迎關注個人公眾號：BigBearIT，與我交流技術問題）
然後就申請了一個免費的SSL證書，並在伺服器搭建成功，朋友掃描我的預覽版的微信小程式也可以顯示資料了，如下
伺服器環境：
我是購買的雲伺服器，環境如下：
系統：Ubuntu 14.04 64LTS
Nginx版本：1.4.6
PHP版本：7.0
下面開始申請SSL證書
免費SSL證書申請
登陸該網址後，選擇那個體驗版的“免費測試”按鈕
點選“確認購買”
輸入域名www.youdomain.com，並點選“生成CSR並提交申請”按鈕
點選“確定”按鈕
這裡我選擇郵箱驗證方式，其它另外兩種依照你的個人情況而定，反正就是為了驗證域名是不是你的而已。點選“確定”按鈕
大約過幾分鐘，郵箱會收到一封驗證郵件，如下圖
複製②指向的一串驗證碼，點選①處的Here連結
輸入驗證碼，點選“Next>”按鈕
提示已經輸入正確的驗證碼，點選“Close Window”
大約等到10分鐘左右，再次登陸https://www.pianyissl.com，進入個人中心，可以看到已經成功申請SSL證書
點選檢視詳情
此時你可以點選箭頭所指的證書打包下載，然後免費的SSL證書就可以下載到本地了，下載後可以看到SSL壓縮包內的檔案，
有各個WEB伺服器的證書，你可以根據你WEB伺服器的版本選擇。
END
結語：
到這裡，免費的SSL證書就已經申請完畢了，雖然是三個月的，但是三個月足夠你測試小程式，至於三個月以後，再說唄。
下一節講怎麼將申請的免費SSL證書安裝到伺服器，並使用HTTPS可以訪問。
同時如果該文章對你有用，請大家申請時選擇該網址，https://www.pianyissl.com/?i30413 為我增加一點時長，謝謝！
/************************************************************************************************
*如需轉載，請保留本內容。
*歡迎關注本人公眾號：BigBearIT，一起分享交流微信小程式開發的知識，更多精彩等著你！
*文章連結：http://blog.csdn.net/mybelief321/article/details/54429314
*************************************************************************************************/
相關推薦
微信小程式免費HTTPS證書申請搭建教程（1）---申請SSL
背景： 最近微信小程式很火，技術迷的我自然要選擇跟風學習一下。按照微信小程式的官方文件，發出request請求連結地址必須為https。如果是使用http訪問請求，那麼在使用微信webapp開發工具時，如果像下面一樣勾選“不校驗請求域名以及TLS版本”，則可以使用開發環境的
微信小程式免費HTTPS證書申請搭建教程（2）---安裝SSL並使用HTTPS訪問
繼續接上一節http://blog.csdn.net/mybelief321/article/details/54429314 上一節我們已經獲取了SSL證書，並下載到本地，現在以我的伺服器為例，把SSL證書安裝到伺服器並支援HTTPS訪問。 我的雲伺服器系統版本是Ubun
微信小程式自定義屬性設定和獲取（data-）
自定義屬性語法以data-開頭： <block wx:for='{{post_key}}' wx:key="key" wx:for-item='item'> <view catchtap='onPostTap' data-postid="{{item.postId}}
微信小程式視訊視訊背景與控制處理（筆記）
想用一個全屏的視訊當做小程式背景，然後呢，更坑爹啊，上傳單個素材2M限制。 注意： 1：用video元件時候，原生元件z-index無論如何都不會比他更高的，要用新的cover-view 2：視訊格式MP4支援AVC（H264）把你的視訊拖到chrome試試，就知道了。
微信小程式日記——高仿知乎日報（上）
該小程式的作者是Oopsguy，我也參與小功能的開發和完善，希望大家能支援一下 本人對知乎日報是情有獨鍾，看我的部落格和github就知道了，寫了幾個不同技術型別的知乎日報APP 要做微信小程式首先要對html，css，js有一定的基礎，還有對微信小
微信小程式 開發過程中遇到的坑（一）
1.我們使用app.json檔案來對微信小程式進行全域性配置，決定頁面檔案的路徑、視窗表現、設定網路超時時間、設定多 tab 的時候在pages中寫註釋的時候回報錯。 例如： { "pages":[ //這是首頁面 "pages/
微信小程式支援的所有場景值id（表格）
基礎庫 1.1.0 開始支援，低版本需做相容處理。 當前支援的場景值有： 場景值ID 說明 1001 發現欄小程式主入口，“最近使用”列表（基礎庫2.2.4版本起將包含“我的小程式”列表） 1005 頂部搜尋框的搜尋結果頁 1006
從微信小程式開發者工具原始碼看實現原理（一）- - 小程式架構設計
使用微信小程式開發已經很長時間了，對小程式開發已經相當熟練了；但是作為一名對技術有追求的前端開發，僅僅熟練掌握小程式的開發感覺還是不夠的，我們應該更進一步的去理解其背後實現的原理以及對應的考量，這可能會解釋我們在開發過程中遇到的一些疑惑，比如為啥小程式不能操作dom、小程式是web技術渲染還是native技術
從微信小程式開發者工具原始碼看實現原理（二）- - 小程式技術實現
wxml與wxss的轉換 1、wxml使用wcc轉換 2、wxss使用wcsc轉換 開發者工具主入口 檢視層頁面的實現 檢視層頁面實現技術細節 檢視層快速開啟原理 檢視層新開啟頁面流程 業務邏輯層頁面的實現 wxml與wxss的轉換 開啟小程式開發者工具，在除錯控制檯輸入openVendor就會開
從微信小程式開發者工具原始碼看實現原理（四）- - 自適應佈局
從前面從微信小程式開發者工具原始碼看實現原理（一）- - 小程式架構設計可以知道，小程式大部分是通過web技術進行渲染的，也就是最終通過瀏覽器的dom tree + cssom來生成渲染樹；既然最終是通過css來繪製ui佈局，我們知道小程式提供的自適應css單位rpx在瀏覽器環境根本不被識別，所以小程式最終還
微信小程式 後臺https域名繫結和免費的https證書申請詳解
伺服器配置如下圖 從後臺的伺服器配置可以看出 （1）微信小程式後臺只支援https，如果公司後臺還沒支援https的，趕緊要升級了 （2）API請求，檔案上傳，socket 檔案上傳和下載，必須是在後臺配置的，否則微信不允許你下載 另外，http請求，
微信小程式的https請求資料
不管是寫什麼專案我們都會遇到前後臺互動這種情況，小程式也不例外，今天要說的就是小程式裡面的wx:request。 wx:request發起的是一個https的網路請求，小程式請求方式method預設為get，返回資料dataType預設為json，其他屬性大家可以去小程式的
【微信小程式】https://api.douban.com 不在以下 request 合法域名列表中
https://api.douban.com 不在以下 request 合法域名列表中，請參考。。。 因為這是解決了問題才寫的部落格，所以這裡沒留下報錯截圖，下面是參考了別人的解決方法，已親測有效。 解決方法： 注意：同一賬戶註冊了小程式後好像不能註冊訂閱號
微信小程式框架製作-第02課-開發準備：賬號申請，準備小程式的APPID
官方申請地址：https://mp.weixin.qq.com/ 申請微信小程式賬號 準備好自己的APPID(微信小程式，非公眾號) 開發欄目中檢視 申請賬號-教程-參考網址： https://developers.weixin.qq.com/miniprogra
微信小程式webapi https臨時處理
refs: http://blog.csdn.net/yaoohfox/article/details/53391475 hotapp 有免費的https proxy ，可以免費代理請求任何http或者https服務，只要設定好合法域名為https://wxapi.h
微信小程式之側邊欄滑動實現（附完整原始碼）
目錄 一、效果圖 二、原理解析 三、原始碼 四、專案下載 同類文章推薦： 更多幹貨關注公眾號： 一、效果圖 講什麼都不如直接上效果圖好，所以我們先來看下實現效果如何。 通過滑動螢幕，或者點選左上角的圖示按鈕，都能實現側邊欄的劃出效果。 &nb
微信小程式上拉多次載入問題（手指放在螢幕上一直向上拉就會不停的呼叫載入介面）
問題描述：我們經用到上拉載入功能。官方文件上寫的lower-threshold="0"，其實僅僅就是當上拉到底部的時候就呼叫接在介面，當滑到底部呼叫介面的時候我們繼續上拉螢幕，結果 就會出現一次上拉多次載入的問題。 解決方法：我先說說思路，我就是利用bindtouchend事件，這個時間就是觸控
Python Flask構建微信小程式訂餐系統 從專案搭建到部署上線 讓你快速掌握Python全棧開發
本課程是python flask+微信小程式完美結合，從專案搭建到騰訊雲部署上線，打造一個全棧訂餐系統。從基礎語法入手，易於掌握，構建MVC架構，增進對小程式和後端API的理解認識。深入淺出帶你進階全棧工程師課程，幫助你快速提升專案經驗，掌握專案開發技巧，提高專案中解決問題的能力。 --
微信小程式 某個頁面直接返回首頁（微信小程式回退到首頁）
開啟小程式後，到三級頁面後點擊左上角的返回按鈕，能夠直接返回到首頁 正常 A -> B -> C 都是通過 wx.navigateTo 跳轉的，所以 wx.navigateBack 只能返回上一介面，如果要返回到A 介面就會出現 C -> B -> A
微信小程式多媒體檔案上傳及下載（springboot框架中）
/** * 微信檔案上傳介面 * @param file 待上傳檔案的完整路徑 */ public FileUploadOrDownload uploadTempMedia(String file) { /