小程序初体验:一个字,爽!
小程序这个划时代的产品发布快一周了,互联网技术人都在摩拳擦掌,跃跃欲试。虽然小程序目前还在内测,首批只发放了200个内测资格,但庆幸的是微信这两天发布了正式版者工具,无需内测邀请也可以尝鲜了。因此,我也有了与小程序初次接触的机会,感受只有一个字——爽!
选择哪个小程序?
在知名同友网站上,小程序的演示项目不少,但大多只是简单的页面展示,有的甚至直接把页面数据写在文件里。我想体验的是能够将服务端和小程序端无缝连接起来的项目。最终,我选择了腾讯云官方推出的「小相册」项目。
小相册的功能
小相册主要实现了以下功能:
1. 列出对象存储中的图片列表。
2. 点击左上角上传图片图标,可以调用相机拍照或从手机相册选择图片,并将选中的图片上传到对象存储中。
3. 轻按任意图片,可进入全屏图片预览模式,并可左右滑动切换预览图片。
4. 长按任意图片,可将其保存到本地,或从对象存储中删除。
为什么选择腾讯云?
对象存储服务是腾讯云推出的面向企业和个人者提供的高可用、高稳定、强安全的云端存储服务。之所以选择腾讯云,一是因为它是腾讯自家推出的,项目质量有保障;二是因为它是少有的既讲小程序,又介绍云端部署的项目。
第一步:搭建环境
首先,我们需要在本地搭建好微信小程序的环境。即下载者工具。微信官方已经推出了正式版,大家没有必要再去下载破解版了。打开官网下载页面,根据自己的操作系统选择。安装好之后打开运行,会要求微信扫码登录。之后,就可以看到创建项目的页面了。
第二步:下载小相册源码
接下来,我们下载小相册的源码。可以选择直接从腾讯云官网提供的链接下载,也可以从腾讯云团队的GitHub仓库拉取。我推荐从GitHub仓库拉取,这样可以及时获取最新的代码。
第三步:云端部署代码
虽然服务端的部署不是本文的重点,但为了全面地体验小相册的整个部署流程,我们还是有必要了解服务端的部署。这里我们使用的是腾讯云。如果你想更爽一点,可以选择腾讯云官方提供的小程序云端镜像。小相册的服务器运行代码和配置已经打包成腾讯云镜像,可以直接使用。
第四步:准备域名和配置证书
在微信小程序中,所有的网络请求受到严格限制,不满足条件的域名和协议无法请求。简单来说,就是你的域名必须走HTTPS协议。所以你还需要为你的域名申请一个证书。如果没有域名,请先注册一个。
第五步:配置Nginx
微信小程序云端示例镜像中,已经部署好了Nginx,但是还需要在Nginx下修改配置中的域名、证书、私钥。请将红框部分换成自己的域名和证书,并且将Nginx设置为监听端口。
第六步:域名解析
我们还需要添加域名记录,将域名解析到我们的云服务器上,这样才可以使用域名进行HTTPS服务。在腾讯云注册的域名,可以直接使用云解析控制台来添加主机记录,直接选择上面购买的云服务器。
第七步:开通和配置COS
由于我们希望实现动静分离的架构,所以选择把小相册的图片资源存储在COS上。要使用COS服务,需要登录COS管理控制台,然后在其中完成以下操作。
第八步:启动小相册的服务端
在官方提供的镜像中,小相册示例的Node.js服务代码已部署在目录下。进入该目录,如果是你自己的服务器,请进入相应的文件夹。在该目录下,有一个名为config.js的配置文件,按注释修改对应的COS配置。
第九步:配置小相册通信域名
接下来,在微信者工具打开小相册项目,并把源文件app.json中的通讯域名修改成你自己申请的域名。然后点击调试,即可打开小相册开始体验。
总结
总的来说,和微信官方宣传的一样,在者工具下进行小程序的,效率确实提高了很多,而且有很多微信提供的组件和API。所以,在速度这点上的体验还是非常爽的。另外,由于小相册需要使用诸多云端能力,如图片的上传和下载,我们还需要进行服务器端的部署和设置。