微信小程序开发——初体验

申请账号

  • 注册微信开发者账号(查看微信小程序官网
  • 购买阿里云服务器、域名,并完成备案。不是很复杂,但是比较耗时。可以参考其他博客。
  • 在阿里云服务器安装 Nginx 并配置 SSL。可以参考这里
  • 把阿里云服务器配置为微信小程序的服务器

下载并安装开发者工具

  • 官网下载即可(略)

创建第一个小程序项目

  • 运行开发者工具,使用默认模板创建即可(略)
  • 博主的小程序项目是通过 “建立云开发快速启动模板” 创建的(据说无需搭建服务器,就可以使用云端能力,但是博主前面还是配置了服务器)

指定环境——部署Login云函数

  • 点击工具栏的“云开发”,在弹出窗口点击“开通”,并自定义环境名。
    • 在这里插入图片描述
    • 在这里插入图片描述
    • 在这里插入图片描述
  • 回到开发者工具,选中cloudfunction,右键选中“同步云函数列表”
    • 在这里插入图片描述
    • 在这里插入图片描述
  • 右键 login 文件夹,选择“创建并部署”
    • 在这里插入图片描述
    • 在这里插入图片描述

安装 wx-server-sdk

  • 发现 login 函数调用异常,缺少 sdk:
    • 在这里插入图片描述
  • 回到开发者工具,右键 login 文件夹,选择“在终端中打开”
    • 运行命令:npm install --save wx-server-sdk@latest
    • 在这里插入图片描述
  • 右键 login 文件夹,选择“上传并部署”
  • 最后,再进行一次编译
    • 在这里插入图片描述

测试欢迎页的功能

  • 测试获取 openId 功能:
    • 在这里插入图片描述
    • 在这里插入图片描述

小结

  • 一次微信小程序的初体验到此结束。
  • 上面的有些步骤在当前看来是多余的,但是后期肯定是必要的。等博主更加熟悉微信小程序开发之后再来补上。
发布了85 篇原创文章 · 获赞 53 · 访问量 12万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 创作都市 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览