最近几年手机应用的发展速度大家有目共睹,就拿移动支付来说,放在十年前根本不敢想象现如今出门完全不用带现金,一部手机足够了,甚至有的地方可以刷脸支付,忘了带手机也没关系;随着科技的飞速发展,用户的要求也随之越来越高,这篇文章要说的也是跟手机有关--移动报表平台。今天长沙小程序开发公司智企云就微信小程序开发实践-图文并茂超详细(建议收藏)做些实战的相关报道,对于一些小程序开发从业人员来讲,这些都是基础知识,希望对你能有所帮助。
首先我们需要搭建环境,其实很简单,安装“微信web开发者工具”即可,可去官网直接下载,此处不能添加站外链接。
安装好了之后如下图所示,可双击打开:
点击上图所示的 + 按钮,弹出如下图所示的配置对话框:
项目名称:填写该项目的名称,没有特别要求。
目录:表示本地开发电脑上面存放该项目的地方。
APPID:这个 AppID 是需要我们登录到微信公众号平台进行申请的,这里的 APPID一定要跟公众平台上面的 ID 一致。
配置完成之后,我们开发编写代码来实现我们需要的功能--通过小程序查询生产状态及进度,这里要区分一下每一种类型的文件表示的意思。
关键代码如下:
index.wxml
产品名称:
{{item["PRODUCT_NAME"]}}
工单总数:
{{item["QUANTITY"]}}
生产工序:
{{item["ROUTE_STEP"]}}
产出数量:
{{item["OUTPUT_QTY"]}}
等待维修:
{{item["WAITE_REPAIR_QTY"]}}
完成进度:
{{item["PROCESS_VALUE"]}}
——————————————————————————————————————————————
index.js
wx.request({
url: 'https://www.123.cn/api/type=wip&action=wip_status',
//获取JSON数据
data: { str: that.data.search_lotname },
header: {
'content-type': 'application/json' // 默认值
},
success(res) {
that.setData({
json_str:res.data
});
console.log(res.data);
}
})
初步效果如下图所示,通过工单号码随时随地查询当前工单的完成进度,网页端与小程序对比:
以上便完成了简单的小程序开发,大家可以根据实际需求精进行功能扩展。
下面将介绍一些常见的问题点以及解决方法,让大家少踩一些坑:
1.Api接口不支持 IP 地址与端口,只能使用域名。
微信开发文档里面已经说明了,不允许使用类似 127.0.0.1 这种 IP
地址直接访问服务器,路径中也不能包含端口,就算是默认的端口也不能出现,必须通过域名来访问,比如
https://www.baidu.com/api/...
2.只能使用 https协议。
http是不安全的,必须在 IIS 中配置
https协议,而https是需要证书的,我们可以购买或者使用免费的证书,作者是在阿里云申请的免费证书,将证书下载之后拷贝到IIS即可,下面会放图。
3.对应的服务器 TLS 为 TLS 1.0,小程序要求的 TLS 版本必须大于等于1.2。
这是由于服务器 TLS 版本过低引起的,windows server 2008 R2或以上,都可以打开 TLS 1.2,方法见下图。
以上就是长沙小程序开发公司智企云给我们带来的微信小程序开发实践的相关教程,希望这篇文章对大家有帮助!!目前疫情阶段,企业困难重重,都在寻求互联网转型与帮助,对于企业没有开发从业人员来讲,还是要找专业的小程序开发公司来做会更好,这样更省心省时省力更省钱,在此建议一定要找专业的小程序开发外包公司来做,要有案例,技术团队,还要能给你企业提供解决方案的小程序,确实能帮助你企业开发业务模式的相关帮助,在疫情艰苦期,一起共患难!
在线客服:2225973985
每天前10名咨询有好礼
智企云 版权所有 © 2016-2018 湘ICP备11017552号
地址:长沙市高新开发区尖山路39号中电软件园总部大楼6楼
Copyright © 2015-2024 智企云 All Rights Reserved. 湘ICP备11017552号 技术支持:中亿智企云
湘公网安备43019002000674号 客服热线:15874991942 公司地址:长沙市高新开发区尖山路39号中电软件园总部大楼6楼