python框架05 -- 浅谈Django微信小程序后台开发

最新推荐文章于 2024-09-06 23:29:09 发布

程序学者

最新推荐文章于 2024-09-06 23:29:09 发布

阅读量1.7k

点赞数 1

本文链接：https://blog.csdn.net/qq_34536604/article/details/106997843

版权

Django微信小程序后台开发浅析

1.申请小程序，创建hello world小程序

2.添加交互框和按钮

3.服务器配置

4.配置服务器将后端与微信小程序连接

申请小程序，创建hello world小程序

在微信开发平台http://mp.weixin.qq.com申请小程序并获取APP id

在微信公众平台注册选择小程序，按照提示进行注册

注册成功后，填写小程序基本信息

查看小程序详细信息下拉到底部找到AppID

下载微信开发者工具

小程序主页选择文档–下载–稳定版Stable build
新建小程序项目,将AppID填写进去,不使用云服务（只是测试，如果需要再详细解决）

添加交互框和按钮

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
//获取应用实例
const app = getApp()

Page({
  data: {
    result: "暂无结果",
    formula: ''
  },
  //事件处理函数
  calculate: function () {
    wx.request({
      url: 'https://192.168.0.100/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
    })
  }
})

服务器配置（这里采用本地ip,后期部署再修改）

安装python虚拟环境


$ pip install virtualenv
$ pip install virtualenvwrapper
	
$ pip install virtualenvwrapper-win (windows系列)
	
$ export WORKON_HOME=~/Envs
$ mkdir -p $WORKON_HOME
$ source /usr/local/bin/virtualenvwrapper.sh

注意点 virtualenv是初级的工具只能用在你当前文件夹的目录下面去新建

wrapper所带的 mkvirtualenv 和 workon命令可以让你在任何地方管理虚拟环境不用考虑文件夹位置

创建空文件夹，进入其中新建虚拟环境并激活和安装Django

virtualenv ruimi_django -p python3.6
source ruimi_django/bin/activate
pip install django==1.11
python -m django --version

pycharm安装Django环境,并选择虚拟环境，详情看Django浅析
创建Django项目并试运行,查看是否成功

django-admin startproject calculator
cd calculator

##修改calculator/settings.py中的ALLOWED_HOSTS = []为ALLOWED_HOSTS = ['*']

cd calculator
python3 manage.py runserver 0.0.0.0:8000

实现计算机接口

创建app，并注册该app到setting.py中

python3 manage.py startapp CalculateApi

进行URL转发

## calculator/urls.py

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

from django.conf.urls import url
from . import views

urlpatterns = [
    url('calculate', views.calculate)
]

在views中添加calulate函数进行计算并返回（报文头）


from django.http import HttpResponse

def calculate(request):
    formula = request.GET['formula']
    try:
        result = eval(formula, {})
    except:
        result = 'Error formula'
    return HttpResponse(result)

## 运行服务器，访问http://服务器ip:8000/calculate?formula=2*2-3即可得到结果1

配置服务器将后端与微信小程序连接

由于微信要求使用https协议进行通讯，我们使用nginx + uwsgi + django来配置https服务器

uwsgi配置

安装uwsgi并配置Django项目的uwsgi.ini，在主项目文件夹中新建uwsgi.ini文件添加配置

## pip3 install uwsgi
## touch uwsgi.ini

[uwsgi]
# django项目监听的socket文件（可以使用端口代替）
socket = ./calculator.sock
# django项目所在目录
chdir = .
# django项目wsgi文件
wsgi-file = ./calculator/wsgi.py

master = true
processes = 2
threads = 4
vacuum = true

# 通过touch reload可以重启uwsgi服务器
touch-reload = ./reload
# 日志输出
daemonize = calculator.log

http协议（80端口）

安装nginx并配置

Mac下

/usr/local/etc/nginx/nginx.conf （配置文件路径）

/usr/local/var/www （服务器默认路径）

/usr/local/Cellar/nginx/1.6.2 （貌似是安装路径）

Linux下：

/etc/nginx


## 安装nginx
#sudo apt-get install nginx
#cd /etc/nginx


## 修改nginx用户
#vim nginx.conf 第一行修改为: user 用户名;

## 添加80端口的配置文件或者直接在nginx.conf中添加
# sudo touch calculator.conf
# sudo vi calculator.conf

server{
    listen         80;
    server_name    服务器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服务器.

mac nginx

linux sudo service nginx restart

重启：nginx -s reload

访问服务器的80端口即可访问calculate接口，如http://服务器ip/calculate?formula=2*2-3

https协议（443端口）下nginx配置

前提：有自己的域名和ssl证书，将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;
    }
}