Django Wechat Hello World

前言

Django微信小程序后台开发教程

申请小程序，创建hello world小程序
添加交互框和按钮
在服务器配置hello django
时间计算器接口
配置服务器将后端与微信小程序连接
1. uwsgi配置
2. http协议（80端口）下的nginx配置
3. https协议（443端口）下的nginx配置
4. 配置微信小程序的服务器信息

在这之前，你需要了解Django基本概念、微信小程序开发平台、uwsgi、nginx

环境

系统环境

Distributor ID:	Ubuntu
Description:	Ubuntu 18.04.4 LTS
Release:	18.04
Codename:	bionic
Linux version :       5.3.0-46-generic ( buildd@lcy01-amd64-013 ) 
Gcc version:         7.5.0  ( Ubuntu 7.5.0-3ubuntu1~18.04 )

软件信息

version :

正文

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

在微信开发平台申请小程序并获取APP id

下载微信开发者工具，打开后登录并填入APP id等信息。

在这里插入图片描述

2、添加交互框和按钮

index.wxml

<!--index.wxml-->
<view class="container">
  <input type="text" class="input" bindinput='input'/>
  <button bindtap="calculate">cal</button>
  <view></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://shatter.xin/calculate', # 服务器api接口
			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、在服务器配置hello django

在服务器安装python3 和pip3环境，并安装django

创建django项目

修改calculator/settings.py中的ALLOWED_HOSTS = [] 为 ALLOWED_HOSTS = [‘*’]

运行hello django项目

验证：访问http://服务器ip:8000可以看到下图：

4、实现计算器接口

创建django app

在calculator/settings.py的INSTALLED_APPS中添加CalculateApi如下：

在calculator/urls.py将url转发给CalculateApi处理

在CalculateApi中新建urls.py文件，处理/calculate接口

在CalculateApi.views.py文件中添加calculate函数用于计算求值并返回

再次运行服务器，访问http://服务器ip:8000/calculate?formula=2*3-5

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

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

5.1、uwsgi配置

安装uwsgi

配置django项目的uwsgi.ini，在calculator文件夹中新建uwsgi.ini文件

输入以下配置

运行uwsgi服务器

5.2、http协议（80端口）下的nginx配置

安装nginx

修改nginx配置

添加80端口配置文件

重启nginx服务器

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

5.3、http协议（443端口）下的nginx配置

如有自己的域名和ssl证书，将calculator.conf配置文件修改如下

重启nginx服务器，访问服务器的443端口即可访问calculate接口，如https://服务器ip/calculate?formula=2*3-4

如果你只有自己的域名而没有ssl证书，可以去申请免费的ssl证书或者参考certbot网址配置

如果没有自己的域名甚至没有自己的服务器，请到阿里云或者腾讯云自行购买

5.4、配置微信小程序的服务器信息

配置完成之后，就可以运行小程序

后记

Django微信小程序后台开发教程