当前位置:网站首页 > Go语言开发 > 正文

手把手云开发一个小程序-(一)-搭建项目框架

一,前言

因为平时喜欢记录一些文案,看小说或者上网冲浪的时候,遇到有意思的文字,就会截图保存下来,但是时间久了,手机里截图保留了很多,却不会再去看,想删除又舍不得,于是就想着自己开发个文案记录的小程序.自用的同时让有同样需求的人也能用.

目前已经把第一个版本开发完了,可以扫描二维码,进行体验,下图是体验的二维码和基本的操作指引.

01.jpg

然后呢,因为开发这个小程序的过程中,我遇到一些问题,官方文档又不大友好(变化太多,更新滞后),于是就想把这个过程记录分享出来,我喜欢和人交流分享哈哈.如果对有他人有帮助,我也会很开心的!

本篇文章就讲初始的搭建uniclould项目,在这之前,需要做的准备是:

1,下载安装好HBuilder
2,注册好小程序
3,有基本的前端开发知识,html\css\js,有vue的使用经验就更好啦.

这些网上很多教程的,暂且按下不表.接下来就开始创建项目:

二,创建项目

2.1,下载HBuilder之后,新建项目

记得选阿里云哈,可以免费一个月的,下图虽然是腾讯云,但贫穷如我实际上用的是阿里云嘿嘿.

1.PNG

2.2,项目的目录结构讲解

第一步完成后会生成如下文件,目录结构如图所示:

2.PNG

2.3,将项目初次运行起来

如下图操作后,在浏览器运行起项目即可。

3.PNG

这时候会hbuilder会弹窗报一个错,大概是未关联云服务器空间啥的,这个可以先忽略,后面有了云服务器空间了再说。

三,发布小程序的流程

3.1,配置微信小程序

第一步需要去微信小程序后台获取

5.PNG
[小程序AppID] <https://mp.weixin..com/wxamp/devprofile/get_profile >

把这个appid复制出来,然后需要用到微信开发者工具,没有的话,需要去官网下载:

下载安装后,需要把微信开发者工具的端口打开,这样HBuilder才能打开微信开发者工具。

7.PNG

将之前复制出来的appid黏贴到下图中,接着运行项目到微信开发者工具即可:

6.PNG

3.2,将小程序上传为体验版

将项目跑到微信开发者工具后,它是支持热更新的,也就是你在HBuilder中修改了代码,在微信开发者工具中会同步更新,现在假设我们功能开发好了,就需要把它发布成体验版。

点击右上角的【上传】按钮即可:

9.PNG

这样之后,在微信小程序后台就能看到这个版本,并且可以将其选为体验版,指定白名单用户进行体验了。

10.PNG

3.3,发布小程序

11.PNG
如下图,在后台提交审核,然后按照它的规则填写一些内容即可.

到此这篇手把手云开发一个小程序-(一)-搭建项目框架的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • 手把手云开发一个小程序-(二)-uniclould的购买和默认库的使用2024-11-27 16:09:06
  • 手把手云开发小程序-(三)_uniclould小程序的登录2024-11-27 16:09:06
  • 手把手云开发小程序-(四)-uniclould增删改查业务开发2024-11-27 16:09:06
  • 手把手云开发小程序-(五)-小程序的发布和上线2024-11-27 16:09:06
  • tomcat和Servlet开发小案例2024-11-27 16:09:06
  • 《第一行代码》 第三章:UI布局开发2024-11-27 16:09:06
  • unicloud开发微信小程序-云公共模块的使用2024-11-27 16:09:06
  • 库开发者如何配置babel,@babel/plugin-transform-runtime的配置说明2024-11-27 16:09:06
  • webpack5是如何使用babel转化代码的(1)-业务开发时的babel配置2024-11-27 16:09:06
  • webpack5学习与实战-(九)-区分开发和生产环境的配置2024-11-27 16:09:06
  • 全屏图片