ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

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

2021-04-17 21:31:52  阅读:135  来源: 互联网

标签:npm node 函数 程序实现 流程 js cloudfunctions 经验总结 wx


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

安装成功后会出现第1、4、5的文件
④上传云函数
在相应的云函数文件夹上右键,选择“上传并部署:所有文件”。

⑤调用云函数
在这里插入图片描述
在这里插入图片描述

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)

标签:npm,node,函数,程序实现,流程,js,cloudfunctions,经验总结,wx
来源: https://blog.csdn.net/smartbutnotbare/article/details/115801080

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有