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

小程序设计规范:

友好:突出重点并定义流程

清晰:导航清晰,等待较少,反馈异常

方便:减少输入,避免误操作