1 / 11
文档名称:

微信小程序-相册.docx

格式:docx   大小:247KB   页数:11页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

微信小程序-相册.docx

上传人:zhangshus 2022/7/22 文件大小:247 KB

下载得到文件列表

微信小程序-相册.docx

相关文档

文档介绍

文档介绍:无内测邀请,
1个小时快速搭建微信小程序
选择哪个「小程序」Demo?
在知名同性交友网站Github上,「小程序」的Demo不少,但是大多只是简 单的API演示,有的甚至直接把页面数据写在了 json文件里( (页面结构)两个文件,.wxss (页面样式表) (页面配置)文件为选填。你可能注意到了,这些文件的文件名与父目 录的名称相同。这是微信官方的规定,目的是减少配置项,方便开发者。
接下来我们以index页面为例做简单的解释。 文件,其中的代码非常简单,可以分为上下两大部分。
<view>
<view class="page-top">
<text class="username":恭喜你</text>
<text 3己55="t6乂七-5千0”成功地搭建了一个微信小程序</text>
<view class="page-btn-wrap">
〈button class="page-btn" bindtap="gotoAlbum”进入相册
</button>
</view>
</view>
<view class="page-bottom">
<text 3己55 = ”「-七乂七”分享二维码邀请好友结伴一起写小程序!
</text>
〈image src="../../images/" class="qr-img"></image>
〈image src="../../images/"
class="page-logo"></image>
</view>
</view>
页面的演示效果如下:
我们看到,页面上有一个“进入相册”的按钮。正常理解,点击后该按钮后我们就 可以进入相册了(这不废话嘛)。那小程序背后是怎样实现该操作的呢?
,我们发现对应的button标签上定义了一个bindtap属性, 绑定了一个叫做gotoAlbum的方法。。 事实上,文件中也只定义了这一个方法,执行的具体动作就是跳转到album页 面。
Page({
//前往相册页
gotoAlbum() {
({ url: '../album/album' });
},
});
页面中编写了程序的主要逻辑,包括选择或拍摄图片、图片预览、图 片下载和图片删除;、scroll-view、swiper 均有使用,还提供了消息提示框toast。具体方法和视图的实现请查看项目源码 所有的这些功能都写在Page类中。
lib目录下提供了小程序会用的一些辅助函数,包括异步访问和对象存储COS 的 API。
总的来说,和微信官方宣传的一样,在开发者工具下进行小程序的开发,效率确 实提高了很多,而且有很多微信提高的组件和API。所以,在开发速度这点上 的体验还是非常爽的。
另外,由于「小相册」需要使用诸多云端能力,如图片的上传和下载,我们还需 要进行服务器端的部署和设置。具体请看接下来的步骤。
第三步:云端部署server代码
虽然服务端的开发不是本文的重点,但是为了全面地体验「小相册」的整个开发 部署流程,我们还是有必要了解服务端的部署,这里我们使用的是腾讯云。
如果你想更爽一点,那么可以选择腾讯云官方提供的小程序云端镜像。「小相册」 的服务器运行代码和配置已经打包成腾讯云CVM镜像,可以直接使用。可谓 是一键部署好云端。
如果你以前没有使用过腾讯云,可以选择免费试用(我已经领取了 8 天的个人 版服务器),或者领取礼包以优惠的价格购买所需的服务。
凝麴
TffF QUKnF]
E iS&lEl
厢 r*CE
T怆 祜JL星曜IriCFJ, j明斗
摊朝*h*.u .岫I
你也可以选择将「小相册」源码中的server文件夹上传到自己的服务器。
第四步:准备域名和配置证书
如果你已经有腾讯云的服务器和域名,并配置好了 https,那么可以跳过第4-6 步。
在微信小程序中,所有的网络请求受到严格限制,不满足条件的域名和协议无法 请求。简单来说,就是你的域名必须走https协议。所以你还需要为你的域名 申请一个证书。如果没有域名,请先注册一个。由于我们没有收到内测,也就暂 时不用登录微信公众平台配置通信域名了。
第五步:Nginx配置https
微信小程序云端示例镜像中,已经部署好了 Nginx,但是还需要在
/etc/nginx/ 下修改配置中的域名、证书、私钥。
server -1
H