Django微信小程序后臺(tái)開(kāi)發(fā)教程的實(shí)現(xiàn)
1 申請(qǐng)小程序,創(chuàng)建hello world小程序
在微信開(kāi)發(fā)平臺(tái)(https://mp.weixin.qq.com)申請(qǐng)小程序并獲取APP id

下載微信開(kāi)發(fā)者工具(https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html),打開(kāi)后登錄并填入APP id 等信息。


2 添加交互框和按鈕
index. wxml
<!--index.wxml-->
<view class="container">
<input type="text" class="input" bindinput='input'/>
<button bindtap="calculate">cal</button>
<view>{{ result }}</view>
</view>
index.wxss
/**index.wxss**/
.input {
border: 1px solid black;
margin-bottom: 5px;
}
index.js
//index.js
//獲取應(yīng)用實(shí)例
const app = getApp()
Page({
data: {
result: "暫無(wú)結(jié)果",
formula: ''
},
//事件處理函數(shù)
calculate: function () {
wx.request({
url: 'https://shatter.xin/calculate',
data: {
formula: this.data.formula
},
success: res => {
if (res.statusCode == 200) {
this.setData({
result: res.data
})
}
}
})
},
input: function (e) {
this.setData({
formula: e.detail.value
})
}
})
3 在服務(wù)器配置hello django
在服務(wù)器安裝python3和pip3環(huán)境,并安裝django
pip3 install django
創(chuàng)建django項(xiàng)目
django-admin startproject calculator cd calculator
修改calculator/settings.py中的ALLOWED_HOSTS = []為ALLOWED_HOSTS = ['*']
運(yùn)行hello django項(xiàng)目
cd calculator python3 manage.py runserver 0.0.0.0:8000
訪問(wèn)http://服務(wù)器ip:8000可以看到下圖:

4 實(shí)現(xiàn)計(jì)算器接口
創(chuàng)建django app
python3 manage.py startapp CalculateApi
在calculator/settings.py的INSTALLED_APPS中添加CalculateApi如下:
INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages', 'django.contrib.staticfiles', 'CalculateApi' ]
在calculator/urls.py中將url轉(zhuǎn)發(fā)給CalculateApi處理。
from django.contrib import admin
from django.urls import path
from django.conf.urls import url, include
urlpatterns = [
path('admin/', admin.site.urls),
url('^', include('CalculateApi.urls')),
]
在CalculateApi中新建urls.py文件,處理/calculate接口。
from django.conf.urls import url
from . import views
urlpatterns = [
url('calculate', views.calculate)
]
在CalculateApi/views.py文件中添加calculate函數(shù)用于計(jì)算求值并返回。
from django.http import HttpResponse
def calculate(request):
formula = request.GET['formula']
try:
result = eval(formula, {})
except:
result = 'Error formula'
return HttpResponse(result)
再次運(yùn)行服務(wù)器,訪問(wèn)http://服務(wù)器ip:8000/calculate?formula=2*3-5即可得到結(jié)果1。

5 配置服務(wù)器將后端與微信小程序連接
由于微信要求使用https協(xié)議進(jìn)行通訊,我們使用nginx + uwsgi + django來(lái)配置https服務(wù)器。
5.1 uwsgi配置
安裝uwsgi
pip3 install uwsgi
配置django項(xiàng)目的uwsgi.ini,在calculator文件夾中新建uwsgi.ini文件
touch uwsgi.ini vi uwsgi.ini
輸入以下配置
[uwsgi] # django項(xiàng)目監(jiān)聽(tīng)的socket文件(可以使用端口代替) socket = ./calculator.sock # django項(xiàng)目所在目錄 chdir = . # django項(xiàng)目wsgi文件 wsgi-file = ./calculator/wsgi.py master = true processes = 2 threads = 4 vacuum = true # 通過(guò)touch reload可以重啟uwsgi服務(wù)器 touch-reload = ./reload # 日志輸出 daemonize = calculator.log
運(yùn)行uwsgi服務(wù)器
uwsgi --ini uwsgi.ini touch reload
5.2 http協(xié)議(80端口)下的nginx配置
安裝nginx
sudo apt-get install nginx cd /etc/nginx
修改nginx用戶
vi nginx.conf
將第一行修改為
user root;
添加80端口的配置文件
cd conf.d sudo touch calculator.conf sudo vi calculator.conf
填入以下配置:
server{
listen 80;
server_name 服務(wù)器ip;
charset UTF-8;
client_max_body_size 75M;
location ~ ^/calculate {
// replace "path" to the path of your project
uwsgi_pass unix:///"path"/calculator/calculator.sock;
include /etc/nginx/uwsgi_params;
}
}
重啟nginx服務(wù)器
sudo service nginx restart
訪問(wèn)服務(wù)器的80端口即可訪問(wèn)calculate接口,如http://服務(wù)器ip/calculate?formula=2*3-4
5.3 https協(xié)議(443端口)下的nginx配置
如果有自己的域名和ssl證書(shū),將calculator.conf配置文件修改如下:
server{
listen 443;
server_name your.domain;
ssl on;
ssl_certificate path/to/your/ssl.pem;
ssl_certificate_key path/to/your/ssl.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;
charset UTF-8;
client_max_body_size 75M;
location ~ ^/calculate {
uwsgi_pass unix:///path/to/calculator/calculator.sock;
include /etc/nginx/uwsgi_params;
}
}
重啟nginx服務(wù)器,訪問(wèn)服務(wù)器的443端口即可訪問(wèn)calculate接口,如https://服務(wù)器域名/calculate?formula=2*3-4
- 如果你只有自己的域名而沒(méi)有ssl證書(shū),可以去申請(qǐng)免費(fèi)的ssl證書(shū)或者參考此網(wǎng)址配置(https://certbot.eff.org/#ubuntuxenial-nginx)。
- 如果你沒(méi)有自己的域名甚至沒(méi)有自己的服務(wù)器,請(qǐng)出門右轉(zhuǎn)阿里云或左轉(zhuǎn)騰訊云自行購(gòu)買。
5.4 配置微信小程序的服務(wù)器信息

運(yùn)行小程序,一個(gè)簡(jiǎn)單的計(jì)算器就寫(xiě)完啦。

到此這篇關(guān)于Django微信小程序后臺(tái)開(kāi)發(fā)教程的實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)Django小程序后臺(tái)開(kāi)發(fā)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
python使用turtle庫(kù)與random庫(kù)繪制雪花
這篇文章主要為大家詳細(xì)介紹了python使用turtle庫(kù)與random庫(kù)繪制雪花,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-06-06
Python2手動(dòng)安裝更新pip過(guò)程實(shí)例解析
這篇文章主要介紹了Python2手動(dòng)安裝更新pip過(guò)程實(shí)例解析,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-07-07
Python中實(shí)現(xiàn)參數(shù)類型檢查的簡(jiǎn)單方法
這篇文章主要介紹了Python中實(shí)現(xiàn)參數(shù)類型檢查的簡(jiǎn)單方法,本文講解使用裝飾器實(shí)現(xiàn)參數(shù)類型檢查并給出代碼實(shí)例,需要的朋友可以參考下2015-04-04

