添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
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

<!--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微信小程序后台开发教程