【经验总结】小程序实现的流程
2021/4/17 22:27:08
本文主要是介绍【经验总结】小程序实现的流程,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
一、确定要实现的功能
二、画出实现流程图
三、用墨刀将小程序画出来(交互设计)
四、实现
1、先实现页面展示(wxml、wxss)
(用假数据)
2、用伪代码写出页面逻辑
3、功能具体实现
4、完善(由简到繁)
如果要用到云开发:
1、新建文件夹(cloudfunctions)
2、初始化云开发环境
// app.js文件中 wx.cloud.init({ env: 'cloud1-4gh5ex65c3e23134', })
3、配置云环境
// project.config.json文件中添加 "cloudfunctionRoot": "cloudfunctions/", //(这个时候cloudfunctions的文件夹图片上就出现了一朵云)
4、创建并部署云函数
①右击cloudfunctions,新建node.js函数
②安装node.js和npm
右击新建的函数,选择从内部终端打开
测试安装是否成功
安装完成后打开cmd:
输入node -v 来测试 node.js
输入npm -v 来测试 npm
③安装wx-server-sdk依赖
右击新建的函数,选择从内部终端打开
执行npm install --save wx-server-sdk命令
④上传云函数
在相应的云函数文件夹上右键,选择“上传并部署:所有文件”。
⑤调用云函数
wx.cloud.callFunction({ // 需调用的云函数名 name: 'add', // 传给云函数的参数 data: { a: 12, b: 19, }, // 成功回调 complete: console.log }) // 当然 promise 方式也是支持的 wx.cloud.callFunction({ name: 'add', data: { a: 12, b: 19 } }).then(console.log)
这篇关于【经验总结】小程序实现的流程的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-06-30实现小程序内部扫码签到和微信扫一扫签到-icode9专业技术文章分享
- 2024-06-30微信内调用扫码扫描小程序码如何解析链接-icode9专业技术文章分享
- 2024-06-30小程序码链接加密了如何解-icode9专业技术文章分享
- 2024-05-302024年最新版云开发cms开通步骤,开始开发微信小程序前的准备工作,认真看完奥!
- 2024-03-30微信小程序的网络设置,及网络请求:wx.request(OBJECT)
- 2024-01-22基于taro搭建小程序多项目框架
- 2024-01-13小程序开发:在插件市场寻找步骤条组件并二开
- 2024-01-05钉钉小程序生态—企业机器人加互动卡片,改善用户体验的开始!
- 2023-12-29【UniApp】-uni-app-打包成小程序
- 2023-12-26性能翻倍!京东亿级体量小程序优化实践