1 申请小程序,创建hello world小程序
在微信开发平台(https://mp.weixin.qq.com)申请小程序并获取APP id
下载微信开发者工具(https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html),打开后登录并填入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 //获取应用实例 const app = getApp() Page({ data: { result: "暂无结果", formula: '' }, //事件处理函数 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 在服务器配置hello django
在服务器安装python3和pip3环境,并安装django
pip3 install django
创建django项目
django-admin startproject calculator cd calculator
修改calculator/settings.py中的ALLOWED_HOSTS = []
为ALLOWED_HOSTS = ['*']
运行hello django项目
cd calculator python3 manage.py runserver 0.0.0.0:8000
访问http://服务器ip:8000
可以看到下图:
4 实现计算器接口
创建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转发给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函数用于计算求值并返回。
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"text-align: center">
5 配置服务器将后端与微信小程序连接
由于微信要求使用https协议进行通讯,我们使用nginx + uwsgi + django来配置https服务器。
5.1 uwsgi配置
安装uwsgi
pip3 install uwsgi
配置django项目的uwsgi.ini,在calculator文件夹中新建uwsgi.ini文件
touch uwsgi.ini vi 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
运行uwsgi服务器
uwsgi --ini uwsgi.ini touch reload
5.2 http协议(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 服务器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服务器
sudo service nginx restart
访问服务器的80端口即可访问calculate接口,如 重启nginx服务器,访问服务器的443端口即可访问calculate接口,如 运行小程序,一个简单的计算器就写完啦。http://服务器ip/calculate"htmlcode">
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;
}
}
https://服务器域名/calculate"text-align: center">
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。
更新日志
- 【雨果唱片】中国管弦乐《鹿回头》WAV
- APM亚流新世代《一起冒险》[FLAC/分轨][106.77MB]
- 崔健《飞狗》律冻文化[WAV+CUE][1.1G]
- 罗志祥《舞状元 (Explicit)》[320K/MP3][66.77MB]
- 尤雅.1997-幽雅精粹2CD【南方】【WAV+CUE】
- 张惠妹.2007-STAR(引进版)【EMI百代】【WAV+CUE】
- 群星.2008-LOVE情歌集VOL.8【正东】【WAV+CUE】
- 罗志祥《舞状元 (Explicit)》[FLAC/分轨][360.76MB]
- Tank《我不伟大,至少我能改变我。》[320K/MP3][160.41MB]
- Tank《我不伟大,至少我能改变我。》[FLAC/分轨][236.89MB]
- CD圣经推荐-夏韶声《谙2》SACD-ISO
- 钟镇涛-《百分百钟镇涛》首批限量版SACD-ISO
- 群星《继续微笑致敬许冠杰》[低速原抓WAV+CUE]
- 潘秀琼.2003-国语难忘金曲珍藏集【皇星全音】【WAV+CUE】
- 林东松.1997-2039玫瑰事件【宝丽金】【WAV+CUE】