博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序开发全线记录
阅读量:4054 次
发布时间:2019-05-25

本文共 1493 字,大约阅读时间需要 4 分钟。

导师让我写个微信小程序,花了4天终于完结了,开心。小记录一下我都经历了什么。

 

如果觉得本文尚可需要转载,请注明地址哦: 

 

本文包含 微信开发平台,flask交互,腾讯云部署本地接口以及设置域名绑定

1. 微信小程序开发

这一部分主要参考微信小程序文档,会基础的html,css,js就行。

避雷点有:view替代div,利用flex布局。flex-direction: column 表示列排布,row表示横排布。

selectable='true' 表示长按可复制

2. flask交互 

小程序:wx.request(本地IP地址)

flask:@app.route('/test', methods=['GET','POST'])     

            request.values.get("upload_image")      // “upload_image” 来自wx.request({data: {'upload_image':e},})

3.腾讯云部署本地接口

云上部署:首先需要买一个服务器和一个域名;然后将本地代码传到服务器上

                 从0开始部署服务器:

                                                       (server_name: 可以写服务器IP地址;网上的正则匹配或者  _ 符号 都是对的)

                                                   

                                                    

                                                    

别着急,也许此时访问服务器外网IP地址,会出现500报错。

这时候,需要检查以下方面:

1)登陆服务器控制台,增加安全组,允许全端口(比较省事,但是有风险)或者特定端口(如监听端口80,443,22等端口),随后解绑原有安全组,增加上述新增安全组;

2)检查防火墙问题:安全组中的特定端口,防火墙需要准过

安装以及配置教程:,

3)检查端口问题:服务器中flask的app.run(host='127.0.0.1',port:5000) //表示服务器内部使用; app.run(host='0.0.0.0',port:5000) //表示外网可访问。此时在本地浏览器上用 服务器IP地址:5000  即可访问页面

如上还不能解决问题,可以看看腾讯云的文档:

 

4. 关于域名 购买的域名需要备案之后才能使用!!!购买之后首先需要实名认证,httpDNS解析 (以上均可在腾讯云域名的控制台实现,解析实现与服务器的绑定):我发现了不需要备案就可以使用的方法。首先开通云服务,然后借鉴该方案

其他小坑:

1)微信小程序中需要关闭域名验证才能使用本地localhost或者服务器IP地址

2)微信小程序中wx.chooseImage 中获取的res.tempFilePaths是微信临时地址,无法使用,后期需要调用图片方面的API需要利用OSS存储过渡(即先上传OSS存储器在后获取返回的地址,此时的图像地址可以网页端浏览下载)

3)阿里云的OPENAPI 或者处于公测的API,购买后貌似不能常规调用,需要按照阿里云官方文档的SDK或者可视化网页中才可调用

4)在用微信小程序的wx.uploadFile()上传临时地址的图片到阿里云OSS时还挺复杂的。详情可见 (我是直接用这个是可行的,搭配)

5)nginx启动的时候用service nginx start;查看状态用service nginx status;

6) 查看端口80:  netstat -lnp|grep 80

7)解决服务器下线也依旧保持程序运行的问题:

     用nohup command &   // (以我的例子为例:command=python app.py) ; 注意&一定要加哦

    随后所有的运行日志可以在nohup.out中查看

 

至此完成程序,感恩网络优秀的分享者们让我快速完成这次开发

 

你可能感兴趣的文章
【opencv学习笔记】022之霍夫圆变换
查看>>
【积跬步以至千里】合并优盘分区
查看>>
【opencv学习笔记】023之像素重映射
查看>>
【opencv学习笔记】024之直方图均衡化
查看>>
【opencv学习笔记】025之直方图计算 - calcHist函数详解
查看>>
【积跬步以至千里】win10应用商店误删恢复
查看>>
【吴恩达机器学习笔记】001 什么是机器学习(What is Machine Learning)
查看>>
【吴恩达机器学习笔记】002 监督学习(Supervised Learning)
查看>>
【吴恩达机器学习笔记】003 无监督学习(Unsupervised Learning)
查看>>
【吴恩达机器学习笔记】004 模型示例:单变量线性回归(Model Representation:Linear Regression with one variable)
查看>>
【吴恩达机器学习笔记】005 梯度下降(Gradient Descent)
查看>>
【opencv学习笔记】026之直方图比较 - compareHist函数详解
查看>>
【opencv学习笔记】027之直方图反向投影 - calcBackProject函数详解
查看>>
【opencv学习笔记】001之opencv配置(win10+VS2015+OpenCV3.1.0)
查看>>
Python学习四之变量类型
查看>>
Python import相关内容区别介绍( import *** as 、from***import )
查看>>
Python报错:UnicodeDecodeError: 'gbk' codec can't decode byte ...
查看>>
C++报错:The build tools for v141 (Platform Toolset = 'v141') cannot be found.
查看>>
Python错误:PyCharm 安装出错 Internal error,please。。。
查看>>
软件架构简介
查看>>