微信小程序云开发实战:网上商城(一)

  • 关于本系列
  • 工具与平台
    • 微信开发者工具
    • 小程序账号
      • 云开发
    • 辅助开发工具
    • 开发平台
  • 创建项目
    • 云函数
  • 接下来

关于本系列

偶然的机会需要给人做一个团购类的微信小程序。我虽然是一名老程序员,但对web类开发从不感兴趣,也从未涉足。从开始的不知如何下手到入门后的想当然,闹了不少笑话,吃了不少苦头。在开发过程中,我就在想,如何与有类似开发背景或者刚入手的朋友实时分享心得与经验。但本系列不打算成为相关语言、平台、工具的基础性教程,也无意梳理腾讯的官方文档,而是从一个Web小白的角度着眼于如何使用新平台新语言实现功能。本系列不假设读者有任何HTML、CSS、Javascript或者其他任何Web开发、学习经验,但熟悉一种编程语言以及有过实际开发经历,会对系列中出现的体会和抱怨有更多共鸣。

项目源码下载:思辰非微商城(随文章实时更新)

  • 工具与平台
  • 扩展库与主界面
  • 服务端商品数据管理
  • 客户端商品浏览
  • 购物车以及活动管理
  • 订单处理(参考github项目中的debug_-1857323166_2_1908818590.zip文件)

中间intel nuc出了点问题,非常热,导致ssd损坏,无法识别,但intel的售后坚持给全额退钱不维修。离谱的是,原始工程我竟然没发现是在本地文件夹生成的Git数据库,代码全丢了,也没有时间和精力继续写了。这两年还是会收到一些私信,希望能分享后续的源代码。只能用反编译的方式将原来的小程序的源代码提取出来上传到github,但云函数的代码找不回来了。

工具与平台

微信开发者工具

腾讯提供了专门的微信开发者工具,可以从该链接下载:

Visual studio code 也有提供的微信小程序开发的插件,但集成度和易用性跟腾讯提供的专有工具相比还是有差距。

小程序账号

腾讯的开发工具使用时需要微信扫码登录:

可在此处注册账号。大家按照提示走流程即可。需要注意的是,每个邮箱只能申请一个小程序,而这个小程序账号如果超过一段时间不用(比如半年),就会被挂起。

小程序的注册信息(比如原始ID、名称)一定要牢记,即便如此,后面的找回、注销也很繁琐。 当然,不在乎像个囚犯一样手举身份证拍照的大心脏除外

云开发

小程序也分前端、后端(client、server),我们自己不提供服务器,使用腾讯提供的云开发服务免费版作为后端支持就足够了。

辅助开发工具

由于本人没有Javascript语言的使用经验,又不打算从头学习这门语言,所以需要一款快捷的工具来验证自己的想法(使用新语言基本靠猜)。推荐使用visual studio code、node.js

开发平台

创建项目

创建项目时,选中云开发支持,在AppID下拉框中选中要使用的AppID。

如果用一个微信号绑定了多个小程序账号,AppID的下拉框可能不会列出所有账号的AppID,可以在小程序的用户中心中的开发管理->开发设置中得到,然后直接粘贴到上面的AppID输入框。


新建的云开发程序不是我们通常使用开发工具建立的空工程,而类似一个云开发学习的向导。我对小程序云开发的基础知识就是从这里开始的。默认Ctrl+B编译后在模拟器中会出现程序主界面。

云函数

此时我们点击主界面中的获取openid,会出现错误。因为cloudfuntions中的函数需要在云端安装才能起作用。

  • 首先在这个文件夹上右键,通过名称选择云开发环境
  • 在函数文件夹上右键,选择第三项,就是在云端安装依赖。

不建议第二项,上传所有文件不但慢,而且不可避免要修改,但我们做源码管理的时候,一般不会把除源代码外的依赖库也纳入,这就很难在不同的开发环境保持一致。


openid是普通的开发者不用大费周章能拿到的用户的唯一标识。原来我也想过获取用户的电话号码,以此来区分不同用户。折腾了大半天,最后发现普通的开发者没有权限得到这个“特权”,也没资格申请(腾讯你好歹在API文档也说一下啊)。

接下来

像使用任何其他语言、平台开发一样,后面我们也需要选择类库,配置软件运行环境。顺便并做出程序的主界面。

微信小程序云开发实战:网上商城(一)相关推荐

  1. 【系】微信小程序云开发实战坚果商城-开篇

    开篇:无服务开发是未来? 目录 开篇 [系]微信小程序云开发实战坚果商城-开篇 基础篇 [系]微信小程序云开发实战坚果商城-弹性盒子 [系]微信小程序云开发实战坚果商城-ES6 简单入门 [系]微信小 ...

  2. 【系】微信小程序云开发实战坚果商城-云开发开篇

    第 3-2 课:云开发开篇 目录 开篇 [系]微信小程序云开发实战坚果商城-开篇 基础篇 [系]微信小程序云开发实战坚果商城-弹性盒子 [系]微信小程序云开发实战坚果商城-ES6 简单入门 [系]微信 ...

  3. 【系】微信小程序云开发实战坚果商城-商城项目搭建

    第 2-1 课:商城项目搭建 目录 开篇 [系]微信小程序云开发实战坚果商城-开篇 基础篇 [系]微信小程序云开发实战坚果商城-弹性盒子 [系]微信小程序云开发实战坚果商城-ES6 简单入门 [系]微 ...

  4. 【系】微信小程序云开发实战坚果商城-扩展篇

    第 5-1 课:扩展篇 目录 开篇 [系]微信小程序云开发实战坚果商城-开篇 基础篇 [系]微信小程序云开发实战坚果商城-弹性盒子 [系]微信小程序云开发实战坚果商城-ES6 简单入门 [系]微信小程 ...

  5. 【系】微信小程序云开发实战坚果商城-弹性盒子

    第 1-1 课:微信小程序实操弹性盒子 目录 开篇 [系]微信小程序云开发实战坚果商城-开篇 基础篇 [系]微信小程序云开发实战坚果商城-弹性盒子 [系]微信小程序云开发实战坚果商城-ES6 简单入门 ...

  6. 【系】微信小程序云开发实战坚果商城-前端之订单实现

    第 2-7 课:前端之订单实现 目录 开篇 [系]微信小程序云开发实战坚果商城-开篇 基础篇 [系]微信小程序云开发实战坚果商城-弹性盒子 [系]微信小程序云开发实战坚果商城-ES6 简单入门 [系] ...

  7. 【系】微信小程序云开发实战坚果商城-云开发之商品信息和主题商品数据实现

    第 3-8 课:云开发之商品信息和主题商品数据实现 目录 开篇 [系]微信小程序云开发实战坚果商城-开篇 基础篇 [系]微信小程序云开发实战坚果商城-弹性盒子 [系]微信小程序云开发实战坚果商城-ES ...

  8. 【系】微信小程序云开发实战坚果商城-云开发之订单品数据实现

    第 3-9 课:云开发之订单品数据实现 目录 开篇 [系]微信小程序云开发实战坚果商城-开篇 基础篇 [系]微信小程序云开发实战坚果商城-弹性盒子 [系]微信小程序云开发实战坚果商城-ES6 简单入门 ...

  9. 【系】微信小程序云开发实战坚果商城-前后端交互之订单实现

    第 4-7 课:前后端交互之订单实现 目录 开篇 [系]微信小程序云开发实战坚果商城-开篇 基础篇 [系]微信小程序云开发实战坚果商城-弹性盒子 [系]微信小程序云开发实战坚果商城-ES6 简单入门 ...

  10. 【系】微信小程序云开发实战坚果商城-云开发之首页数据实现

    第 3-6 课:云开发之首页数据实现 目录 开篇 [系]微信小程序云开发实战坚果商城-开篇 基础篇 [系]微信小程序云开发实战坚果商城-弹性盒子 [系]微信小程序云开发实战坚果商城-ES6 简单入门 ...

最新文章

  1. Linux驱动框架之framebuffer驱动框架
  2. usaco Job Processing(mark)
  3. 几行代码实现老照片上色复原!
  4. Jupyter 环境配置
  5. BAC--Downtime 凌晨时段设定
  6. Java开发者必备的六款工具
  7. matlab求解复数方程组,【求解】matlab求解非齐次方程组,但是系数矩阵是复数,求帮忙...
  8. trace Linux and实例,traceroute在linux中的使用方法
  9. Emacs+hideif.el 隐藏预编译代码(或彩色显示预编译代码)
  10. HTTP请求和数据安全
  11. python 脚本_基于Python的ArcGIS脚本编程知识点总结
  12. Dynamsoft WebAssembly条形码SDK预览
  13. 使用plsql管理oracle数据库连接,使用PLSQL连接远程oracle数据库
  14. HTML5 界面元素 Canvas 参考手册
  15. 图说Python菜鸟版:第18章 JSON文件解析
  16. docker安装wechat微信、wxwork企业微信脚本整理
  17. 统计文件中元音字母的数量
  18. ssh pem登陆及pem是什么
  19. FT232H USB转串口,I2C,JTAG高速芯片
  20. NO.79——BFS,DFS,Astar,爬山法,最抖爬山法,模拟退火法解决八数码问题Python实现

热门文章

  1. 如何用C的easyX图形库制作图形化界面菜单(财务管理系统)
  2. 《内网安全攻防:渗透测试实战指南》读书笔记(一):内网渗透测试基础
  3. Python+cplex运筹优化学习笔记(三)-营养膳食选择
  4. 【游记】PKUSC2022
  5. 又一名视觉大牛从大厂离开!阿里达摩院XR实验室负责人谭平离职!
  6. 如何用ps做出赛博朋克的风格?
  7. Java序列化的几种方式以及序列化的作用(文章有所改变)
  8. 计算机电路板 接地,PCB的接地设计,每一个工程师都应该掌握
  9. 只是记录一下电脑重装的过程(一)
  10. 微信小程序云开发——实现 线上注册,登录的逻辑,并保存账号到云数据库( 二 ):注册