首先微信商城和小程序,明天是個特殊的日子,請讓我先說上一句:辛運男神在笑容
思路
①:首先我們須要擁有自己的AppID(有點屁話了)。
②:我們須要有一個后臺,即服務器。域名(需備案)。ssl證書。(其實,我們須要通過這樣的方式去訪問到我們服務器)
③:在微信公眾平臺中配置域名信息。
④:小程序端通過wx.()函數訪問我們的后臺函數,后臺接受小程序傳來的參數,經過加工后返回給小程序值,小程序端再接收后臺傳來的參數并進行操作。
過程獲取AppID:
微信公眾平臺
服務器、域名(需備案)、ssl證書(可免費申請):
樓主這兒用的是騰訊云服務器:騰訊云
域名備案:
域名備案
SSL證書(申請與安裝配置):
證書申請
安裝配置(樓主這兒是+環境下配置SSL證書,如有其它環境安裝,可以參考):
將你的SSL證書下載出來,將文件夾下的3個文件放在目錄下的conf文件夾里
在你的目錄中找到\conf\httpd.conf并打開,找到如下兩行,將這兩行后面的注釋符號#去除。(假如沒有,直接把#號除去插入文件中)
# LoadModule ssl_module modules/mod_ssl.so
# Include conf/extra/httpd-ssl.conf
在你的目錄中找到\conf\extra\httpd-ssl.conf,在文件最后面找到與
用下述代碼代替這兩行之間的所有代碼(請將代碼中及其旁邊的文字刪除):
DocumentRoot "C:\AppServ\www" 你的網站物理地址,即訪問你的域名你想展示的頁面
ServerName www.data-ordertime.xyz 你的網站域名
ServerAlias data-ordertime.xyz 你的網站域名 不加www
ServerAdmin 1910722307@qq.com 你的郵箱
DirectoryIndex index.html index.htm index.php default.php app.php u.php
ErrorLog logs/example_error.log
CustomLog logs/example_access.log \
"%t %h %{SSL_PROTOCOL}x %{SSL_CIPHER}x \"%r\" %b"
SSLEngine on
SSLCertificateFile conf/2_data-ordertime.xyz.crt 你申請的證書文件的地址
SSLCertificateKeyFile conf/3_data-ordertime.xyz.key 你申請的key文件的地址
SSLOptions +StdEnvVars
AllowOverride All
Require all granted
SSLOptions +StdEnvVars
BrowserMatch "MSIE [2-5]" \
nokeepalive ssl-unclean-shutdown \
downgrade-1.0 force-response-1.0
微信公眾平臺中配置域名信息:
此時,在微信開發者工具中該域名會覺得是安全可用域名(注意,我們是為了下邊二圖中項目設置中不校準合法域名選項不被勾上也可以訪問我們的后臺,由于我們域名理論上的安全(http與https的差別))
小Demo測試一下(樓主這兒使用的為PHP后臺):
微信開發者工具中寫入如下代碼,
index.js
//index.js
Page({
data: {
},
ceshifuwuqi:function(){
var that = this
wx.request({
url: `https://www.data-ordertime.xyz/wxdemo.php`,//你的后臺url地址
data:{
name:'超超1號'
},
header: {
'content-type': 'application/x-www-form-urlencoded'
},
method: "GET",
success(result) {
console.log(result);
that.setData({
demo: result.data
})
},
fail(error) {
util.showModel('請求失敗', error);
console.log('request fail', error);
}
})
},
})
index.wxml
點擊測試服務器
{{demo}}
后臺代碼:
結果展示:
你可能碰到的問題
該部份樓主持續更新,時間關系先空著發布了微信商城和小程序,過程中有疑惑或問題也可以留言哦~
免責聲明:部分文章信息來源于網絡以及網友投稿,本站只負責對文章進行整理、排版、編輯,出于傳遞更多信息之目的,并不意味著贊同其觀點或證實其內容的真實性,如本站文章和轉稿涉及版權等問題,請作者在及時聯系本站,我們會盡快為您處理。