demo微信小程序用户资源上传COS示例，小相册项目
发表时间：2023-10-15 09:12:18
文章来源：炫佑科技
浏览次数：151
菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技
小程序是一种新的开放能力，可以让开发快速开发小程序。 小程序可以在微信内轻松访问和传播，同时提供良好的用户体验。 本文将带感兴趣的朋友从0到1部署小程序，让大家快速熟悉小程序整个开发流程。
如何选择小程序demo
网上有很多小程序demo可以分享，但都只停留在API调用和静态数据展示层面。 本教程想要向大家展示的是小程序与服务器的无缝结合。 *后参考腾讯云推出的小程序体验演示微信小程序用户资源上传COS示例，即小程序的迷你相册项目。
根据官方文档，迷你相册是结合腾讯云对象存储服务（Cloud，简称COS）制作的微信小程序示例。 代码结构包括以下两部分：
小相册主要功能如下：
现在，我们就开始学习如何部署这个Demo吧！
搭建小程序开发环境
开发小程序的**步就是拥有一个小程序账号。 通过该账号，您可以管理您的小程序。
申请账户
点击填写信息，按照指引提交相应信息，即可拥有自己的小程序账号。
如果您已经注册了小程序，可以点击右侧的立即登录。 如果没有，请重新注册。 值得注意的是，邮箱地址必须是不在微信公众平台、不在微信开放平台、或者没有个人绑定的邮箱地址，否则你将无法在这里注册。 请填写您能记住的密码。
立即登录，点击左侧设置-开发设置。 在这里我们可以看到你的小程序的AppID。
获取到小程序的ID后，我们就可以下载并安装开发工具了。
安装开发工具
现在，打开开发工具下载页面，根据您的操作系统下载对应的安装包并安装。
我这里使用的是64位操作系统，所以我点击了64位按钮进行下载。 下载完成后，右键以管理员身份运行安装文件。
之后，只需单击下一步即可安装。
之后，您可以开始运行开发工具。 在使用之前，我们需要扫描二维码才能开始使用。 请打开微信，点击发现-扫一扫，扫描开发工具中显示的二维码，然后在手机上点击登录。
创建“小相册”项目
在创建“小相册”项目之前，我们需要下载“小相册”源代码文件。 您可以直接点击这里下载官方DEMO文件，也可以去官方仓库pull获取*新代码。 我这里使用Git命令来获取*新的官方源码。
https://github.com/CFETeam/weapp-demo-album.git
接下来，打开项目的app目录下的文件，我们会看到类似这样的目录。
之后，点击开发中心首页的小程序项目按钮，选择刚刚下载的“迷你相册”的项目目录，写入**步获取的AppID。 项目名称可以自己填写demo微信小程序用户资源上传COS示例，小相册项目，但这里我填写的是一个小相册。 然后单击“确定”按钮。
之后，等待十几秒。 微信开发工具初始化后，您将看到系统模拟的小程序页面。 目前我们还没有配置服务器，小程序暂时无法使用，需要做一些准备工作。
准备域名和证书
在微信小程序中，所有网络请求都受到严格限制，不符合条件的域名和协议无法请求，包括：
域名注册
我们可以在这里注册并购买我们喜欢的域名。 腾讯云*近也在做促销，*低价格仅1元/年！ 我们就挑一个吧，这里以域名为例。 我们注册域名后微信小程序开发搭建，需要将您的域名解析到您的服务器上。
我们找到云解析的控制台，然后点击添加按钮，在添加域名框中填写您刚刚购买的域名。 我就以此为例。 然后单击“确定”。
添加完成后，我们就可以开始解析域名了。 点击域名购买操作中的解析按钮。 在下一页上，单击“添加记录”。 在下一页上，填写新记录。 主机记录可以随意填写。 我会在这里填写。 值得注意的是，这里填写的内容是以您的域名的二级域名开头的地址。 比如我的一级域名是，那么填写完我的域名后就是。 接下来，在记录类型中，如果是指向云服务器，我们可以填写A记录。 我们将线路类型填写为默认，然后在记录值中填写您的服务器IP。 我这里的服务器IP是118.119.120.121。 然后我就在解析记录中填写118.119.120.121即可，如图。
解析完成后，我们可以测试您的域名是否指向您的服务器。 我们按电脑上的Win键+R键，然后输入cmd，在弹出的命令提示符窗口中输入刚才设置的值。 域名，我以此为例，请改为您自己的域名。
我们检查返回的IP地址是否是您刚刚设置的IP地址。 如果有，则证明设置成功，可以开始下一步。
申请证书
之后我们需要申请SSL证书。 您可以点击这里申请腾讯云提供的免费证书。 在购买页面选择域名免费版（DV）证书。
然后单击“免费快速申请”按钮。 之后我们需要在通用名字段中填写您刚刚申请并绑定到服务器的域名，并在申请电子邮件地址中填写您可以接收电子邮件的电子邮件地址。 密码默认为空，我们点击下一步。
如果您的域名是在腾讯云申请解析的，可以直接点击图中的自动DNS验证。 如果其他服务提供商已解决，请点击手动 DNS 验证或文件验证。 本文仅介绍自动DNS验证。 其他验证方式请前往您的域名注册服务商查询。
点击确认申请按钮后，等待腾讯云审核。
一般来说，审核过程很快，只需等待几分钟即可收到审核通知。 我们点击下载按钮下载申请的证书，保存在可以找到的地方，然后继续下一步。
配置服务器
小相册的服务器运行代码和配置已打包成腾讯云CVM镜像，您可以直接使用。 如果你和我一样已经有服务器了，可以重新安装系统，选择现有的镜像进行部署。 腾讯云用户可获得免费大礼包，体验腾讯云小程序解决方案。
之后我们通过SSH登录服务器。 登录服务器可以参考下面的教程。
连接到服务器
首先检查您的服务器安全组设置，确保它们打开用于 SSH 的端口 22 和用于 HTTP 访问的端口 80。 建议先打开所有端口。 然后我们通过SSH软件登录服务器。 如果你的本地计算机是，你可以使用putty等软件。 对于Linux和MacOS，请使用终端进行连接。
我这里以终端软件为例。 点击左上角按钮，选择通过SSH连接，在host中输入您服务器的公网IP地址，输入您的用户名，如果您的服务器是系统，请输入，如果系统进入root。 这里我们是系统，所以我们进入root。
单击“确定”后，输入您设置的密码（默认不显示）以连接到您的服务器。 您将看到类似于以下内容的页面。
这样你就进入了你的服务器的页面。
