微信小程式開發(6) SSL證書及HTTPS伺服器
1. 域名
在萬網購買,略
2. 雲伺服器
阿里雲購買,略
3. 安裝lnmp
使用lnmp.org程式,略
4. 申請證書
阿里雲-管理控制檯-安全(雲盾)-證書服務-購買證書
證書型別: 免費型DV SSL
選擇品牌: Symantec
購買成功後,繫結域名,配置DNS解析記錄生效
5. 配置HTTPS伺服器
Nginx的安裝目錄下建立cert目錄
下載證書,放到cert目錄
修改nginx.conf檔案,加入443埠及證書目錄
server { listen 80; listen 443 ssl; #listen [::]:80; server_name cet.fangbei.org; index index.html index.htm index.php default.html default.htm default.php; root /home/wwwroot/cet.fangbei.org; include none.conf; #error_page 404 /404.html; include enable-php.conf; ssl_certificate /usr/local/nginx/cert/214130435490250.pem; ssl_certificate_key /usr/local/nginx/cert/214130435490250.key; location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$ { expires 30d; } location ~ .*\.(js|css)?$ { expires 12h; } location ~ /\. { deny all; } access_log off; }
重啟lnmp即可。
6. 使用https訪問網站
支援80埠和443訪問
https訪問時,可以看到證書
相關推薦
微信小程式開發(6) SSL證書及HTTPS伺服器
1. 域名 在萬網購買,略 2. 雲伺服器 阿里雲購買,略 3. 安裝lnmp 使用lnmp.org程式,略 4. 申請證書 阿里雲-管理控制檯-安全(雲盾)-證書服務-購買證書證書型別: 免費型DV SSL選擇品牌: Symantec 購買成功後,繫結域名,配置DNS解析
微信小程式開發之SSL證書相關問題
最重要的放最上面:阿里雲CDN 使用的是 Nginx (.crt為證書,.key為私鑰) 阿里雲證書格式說明地址 ssl證書其實本站有很多相關的文章,但是沒有針對ssl證書做過專門的說明,最近發現,還是有很多同學,困擾在這個地方;所以特整理一些有用的知識放在
微信小程式開發——websocket(socket線上測試伺服器,或本地socket伺服器)
WeChat小程式交流(QQ群:769977169)效果圖程式碼示例xxx.wxml<button bindtap='startClick'>連線</button> <bu
微信小程式開發系列——3. 騰訊雲伺服器配置
摘要:本文說明了在騰訊雲伺服器上通過“微信小程式專用解決方案”搭建、部署後端伺服器及基礎服務的過程。 瞭解了基本的開發工具以後,我們開始配置伺服器相關的資訊,要完成後端伺服器的配置,整體流程是這樣的: 騰訊雲針對上述痛點,為開發者們提供了一個微信小程式的
微信小程式開發之獲取openid及使用者資訊
1. 獲取openid 1.1 獲取code 呼叫介面獲取登入憑證(code)進而換取使用者登入態資訊,包括使用者的唯一標識(openid) 及本次登入的會話金鑰(session_key)。使用者資料的加解密通訊需要依賴會話金鑰完成。 wx.login({ //獲
微信小程式開發中常見問題及解決方法
本文章總結小程式開發中常見的錯誤問題。希望能幫助初學者少走彎路,避免類似的錯誤。 1:出現“指令碼錯誤或者未正確呼叫Page()”的錯誤提示。 解決方法:出現這個錯誤的原因通常是因為index.
微信小程式——1、搭建自己的Https伺服器
一、註冊微信小程式 進入微信公眾平臺,使用郵箱賬號,選擇註冊小程式賬號。一個郵箱只能註冊一個型別的微信賬號(訂閱號、服務號、小程式)。 二、搭建Https伺服器 1、域名註冊 1.1、登入騰訊雲平臺,並註冊賬號。 1
微信小程式開發常用技巧(6)——列表上拉載入更多
微信小程式API提供了監聽頁面使用者下拉重新整理事件,但是沒有提供上拉監聽事件,實際開發過程中經常會用到上拉列表,載入更多的需求。那麼如何實現呢? 實現原理:利用onReachBottom監聽頁面滑動到底部,然後執行具體的函式方法,例如請求資料,然後將列表資料
微信小程式開發教程(基礎篇)6-logs頁面解析
上一篇教程中對index頁面進行了解析,這一篇來解析下logs頁面 老規矩先上圖 該頁面包含返回按鈕(用於返回index頁面),頁面title和程式啟動日誌列表。 和index頁面相比,logs頁面多了一個logs.json檔案,來配置頁面title的
微信小程式教程、微信小程式開發資源下載彙總(6.16日更新,持續更新中……)
摘要:微信小程式教程合集、微信小程式開發資源合集、微信小程式DEMO合集、微信小程式商店合集、微信小程式經驗合集、微信小程式技巧合集 微信小程式開發工具 微信小程式開發教程 微信小程式入門系列 微信小程式入門例項系列 微信小程式從零入門系列 微信小程式基
微信小程式開發詳解 6 測測你是三國殺中的誰---調查測試類小程式
“我應該是金庸小說中的誰?”這類遊戲能帶動使用者的好奇心,並激起使用者的分享慾望,從而成為一款長盛不衰的小遊戲。 這類遊戲的特點很明顯: 有一系列調查問卷供使用者回答,通常是選擇一個選項或分數。根據使用者的選擇跳到下一題目最後顯示答案,告訴使用者的測試結果。
微信小程式開發《6 .框架之邏輯層》
場景值基礎庫 1.1.0 開始支援,低版本需做相容處理當前支援的場景值有:場景值ID說明1001發現欄小程式主入口1005頂部搜尋框的搜尋結果頁1006發現欄小程式主入口搜尋框的搜尋結果頁1007單人聊天會話中的小程式訊息卡片1008群聊會話中的小程式訊息卡片1011掃描二維碼1012長按圖片識別二維碼101
微信小程式開發--豆瓣圖書介面
由於微信小程式訪問豆瓣圖書介面的API被關閉, 所有從小程式端發起的訪問請求都會被拒絕, 403,禁止通訊。 其餘的資訊介面大都是http的,微信小程式中不允許訪問http, 我們通過中繼伺服器爬取並解析資料實現了一個可以在小程式中實現的圖書資訊查詢介面。 通過圖書的isbn 號碼查詢關於該圖書的各
微信小程式開發 筆記
1.[wxss]設定帶透明度的rgb顏色:rgb(0,0,0,0.5); 2.小程式使用類似於iOS的NSNotification:(第三方:https://github.com/icindy/WxNotificationCenter) (1)在需要收發通知的頁面引入WxNotification
微信小程式開發框架——WXSS(一)
WXSS語言決定了小程式頁面的各個元素在視覺上的展示,WXSS與CSS即為相試的、為了適合微信小程式開發WXSS對CSS進行相應的修改。 width:用來設定元素'寬度' / height:用來設定元素'高度 '/
純正商業級應用-微信小程式開發實戰已更完
第1章 導學與申請appkey 如何更好的學習本課程?如何申請開發者key?如何呼叫和測試介面? 1-1 微信小程式商業級實戰-課程導學。 1-2 優先自己開發 1-3 appkey的申請 1-4 課程維護說明 第2章 準備工作 開發前的準備工作以及第三方開發工具的選擇 2-1 流程與開發前準備 2
微信小程式開發:二級、三級等多級聯動選單
二級級聯效果三級聯動效果 二級聯動和三級聯動的程式碼結構都是一樣,就看要怎麼設定。接下來上三級聯動的程式碼。 wxml <view class="picker-box"> <view class='skill-picker'&g
微信小程式開發筆記5——元素隨著頁面滾動吸附在頂部的效果
現在很多app都有這樣的效果,某元素隨著頁面的滾動,吸附在頂部的效果。本文將介紹實現這種效果的兩種不同的方法。 先看一下效果圖: 使用IntersectionObserver 思路 上一篇部落格詳細介紹了IntersectionObserver的用法。這裡用來實現這種吸附的
微信小程式開發筆記4—— IntersectionObserver 用法詳解
看微信文件時看到這個很有趣的api,但是官方的文件和例子關於這個api的介紹都是很讓人失望的,所以花了點時間瞭解了以下這個方法,做個記錄,供參考。 簡介 首先,我的理解是,這是一個觀察器(廢話),它用來監測目標物件與某個參照物的相交情況。什麼是相交情況?通俗的說,就是兩個區域有重
微信小程式開發筆記2——自定義導航欄元件
本文主要是熟悉微信小程式自定義元件的開發,以一個常見的導航欄(Tabbar)需求為例。 官方文件:https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/ 首先我們先看一