【经验总结】小程序实现的流程

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了【经验总结】小程序实现的流程，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1086字，纯文字阅读大概需要2分钟。

内容图文

一、确定要实现的功能
二、画出实现流程图
三、用墨刀将小程序画出来（交互设计）
四、实现
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)

内容总结

以上是互联网集市为您收集整理的【经验总结】小程序实现的流程全部内容，希望文章能够帮你解决【经验总结】小程序实现的流程所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---