2020小程序开发云开发技术总结
小程序开发
浏览:909 次

2020年注定是不平凡的一年。新冠疫情的爆发让人们突然意识到生命的价值,人们对生命有了新的认识。写太多的悲伤,太多的伤心,太多眼泪和辛酸。珍惜当下,敬畏生命,敬畏自然。
以下内容围绕这些规范编写
文章的创新类型
文章的实用性
代码参考
代码规范化
小程序云开发实践简介:
在此处插入图片描述
wx.cloud.init({
//环境参数:
//环境参数
//小程序发起的云开发调用(wx.cloud.xxx)将请求默认情况下的哪些云环境资源
//请在此处填写环境ID。您可以打开云控制台以查看环境ID。如果没有,请使用默认环境(创建的第一个环境)
//env:'我的env id',
traceUser:true,
})
wx.cloud.init({
env:“哒哒”,
traceUser:true,
})
在此处插入图片描述
云功能的配置和部署
1.下载并安装节点。js,这是在服务器上运行JavaScript的运行环境。云开发使用的服务器环境是节点。js,npm是节点包管理器。通过npm,您可以轻松安装云开发所使用的依赖包。
节点--版本
npm—版本
打开计算机终端(Windows计算机的cmd命令提示符,Mac计算机的终端)
如果你使用淘宝图片cnpm
sudo npm安装-g cnpm--注册表=https://registry.npm.taobao.org
cnpm--版本

上传到云存储的文件在整个网络中具有唯一的文件ID。fileID仅在小程序内部使用。您可以通过将fileID传输到SDK来下载、删除和获取文件信息。它很方便。
体验函数调用:
您可以获取用户的openid。用户在小程序中具有唯一的openid。同一用户在不同的小程序中有不同的openid。因此,我们可以使用openid来区分用户。你可以使用云。云函数的getWXContext()以获取用户的openid
获取用户信息:
<按钮
打开type=“getUserInfo”
bindgetuserinfo=“onGetUserInfo”
class=“userinfo头像”
size=“默认”
><;/按钮>
onLoad:函数(){
//获取用户信息
wx.get设置({
成功:res=>{
if(res.authSetting['scope.userInfo']){
//它已获得授权。你可以直接调用getUserInfo获取头像的昵称,框架不会弹出
wx.获取用户信息({
成功:res=>{
this.set数据({
化身Url:res.userInfo.avatarUrl,
用户信息:res.userInfo
})
}
})
}
}
})
},

onGetUserInfo:函数(e){
if(!this.data.logged&&e.detail.userInfo){
this.set数据({
日志:true,
化身Url:e.detail.userInfo.avatarUrl,
用户信息:e.detail.userInfo
})
}
},
小程序的开放数据可以用于在索引中显示微信用户的信息。wxml文件位于微型程序目录的索引文件夹下:
我认为了解小程序开发云开发是很好的。以下是总结:
小程序是一种新的开放能力。开发者可以快速开发一个小程序,可以在微信中轻松获取和传播,并拥有出色的使用体验。
首先,它速度快,无需下载和安装,加载速度比HTML5快,微信登录,随时可用;第二,不需要适应。它一次开发,兼容多个终端,消除了各种手机的适配;第三,支持直接或app分享给微信好友和群聊;第四,它可以实现几乎原生app的操作体验和流畅度,也可以离线使用;第五,你完成后可以走了。您可以通过扫码、长按、微信搜索、公众号、好友推荐等方式快速获得服务,完成后即可前往;第六,低门槛。拥有公众号的组织可以快速注册并生成商店小程序。
小程序的技术开发过程:
HTML5:功能很少;经验差;强烈依赖开发人员的质量
H5+JSSDK:无法控制;安全问题;取决于显影剂质量
小程序:强大的管理;统一的开发经验
小程序语言:
渲染层:WXML+WXSS
逻辑层:JavaScript
配置:JSON
小程序设计规范:
友好:突出重点并定义流程

清晰:导航清晰,等待较少,反馈异常
方便:减少输入,避免误操作