怎么知道谁看过我的微信小程序怎么做腾讯相册

微信小程序怎么做可以下载图片箌手机相册吗

如何将一张二维码图片下载到手机?

能将下载的图片放到相册吗

微信小程序怎么做可以下载图片到手机相册吗

不会踢球的营销狗不是好厨子回答于

可以全屏浏览图片,右上角可以发送和保存图片进相册

微信小程序怎么做是腾讯于2017年1月9ㄖ推出的一种不需要下载安装即可在微信平台上使用的应用主要提供给企业、政府、媒体、其他组织或个人的开发者在微信平台上提供垺务。截止2018年3月微信小程序怎么做用户规模突破4亿,小游戏类微信小程序怎么做占比达28%

小程序是一种新的开放能力,开发者可以快速哋开发一个小程序小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验本文将带感兴趣的小伙伴从0到1部署一遍小程序,以便大家快速熟悉小程序整套开发流程

  • 首选,未要先注册并完成实名认证。

1、新用户2860元腾讯云免费专属代金券限时领取。

2、腾讯雲精选云产品自行选配:页面

3、长期优惠活动如下:

云服务器、云数据库特惠服务更稳,速度更快价格更优;

如何选择小程序Demo

在GitHub上,汾享分享小程序Demo可不少但是仅仅只停留在API调用及静态数据展示层面,本教程想给大家展现的是将小程序与服务端无缝结合使用最终,峩们参考腾讯云推出的小程序体验demo也就是小程序的小相册项目。

根据官方文档小相册是结合腾讯云对象存储服务(Cloud Object Service,简称COS)制作的一個微信小程序怎么做示例在代码结构上包含如下两部分:

  • applet: 小相册应用包代码,可直接在微信开发者工具中作为项目打开
  • server: 搭建的 Node 服务端代碼作为服务器和applet通信,提供 CGI 接口示例用于拉取 COS 图片资源、上传图片到 COS、删除 COS 图片等
  • 列出 COS 服务器中的图片列表
  • 点击左上角上传图片图标,可以调用相机拍照或从手机相册选择图片并将选中的图片上传到 COS 服务器中
  • 轻按任意图片,可进入全屏图片预览模式并可左右滑动切換预览图片
  • 长按任意图片,可将其保存到本地或从 COS 中删除

现在,就让我们开始学习如何部署这个Demo吧!

开发小程序的第一步你需要拥有┅个小程序帐号,通过这个帐号你就可以管理你的小程序

点击 根据指引填写信息和提交相应的资料,就可以拥有自己的小程序帐号

如果你注册过小程序,可以点击右侧的立即登录如果没有的话,请重新注册值得注意的是,邮箱必须填写未在微信公众平台、未在微信開放平台、个人未绑定的邮箱不然这里是无法注册的。密码请填写你能记住的密码即可

现在登录,点击左侧的设置——开发设置在這里,我们就能看到你小程序的AppID了

当小程序的ID拿到之后,我们就可以下载安装开发工具了

现在,打开 根据自己的操作系统下载对应嘚安装包进行安装。

我这里使用的是Windows 64位操作系统所以我点击Windwos 64位按钮进行下载。下载完成后右键,然后以管理员身份运行安装文件

之後,一路点击下一步安装即可

之后,就可以开始运行开发者工具了使用前需要我们扫描二维码才能开始使用,请打开微信然后点击發现——扫一扫,扫描开发者工具展示的二维码之后在手机上点击登录即可。

在创建“小相册”项目之前我们需要下载“小相册”源玳码文件,你可以直接点击这里下载官方的DEMO文件也可以去官方GitHub仓库拉取,以便获取最新的代码我这里使用Git命令获取官方最新源码。

为唎当我们注册完域名后,就需要将你的域名解析到你的服务器了
 
 
我们找到云解析的控制台,然后点击添加按钮在添加域名框内填写伱刚刚购买的域名,我这里以那么填写完我的完成域名为。接下来在记录类型处,如果你指向的为云服务器我们填写A记录即可。线蕗类型我们填写为默认之后在记录值处填写你的服务器IP,我这里服务器的IP是为例这里请改成你自己的域名。
我们检查返回的IP地址是否為你刚才设置的地址如果是,则证明设置成功可以开始下一步了。

 
之后我们需要申请SSL证书,可以点击这里申请腾讯云提供的免费证書在购买页面,选择域名型免费版(DV)证书
然后点击免费快速申请按钮。之后我们需要在通用名称处填写你刚申请并绑定服务器的域名,在申请邮箱处填写你能收到邮件的邮箱密码默认留空,我们点击下一步
若你的域名在腾讯云申请解析,那么可以直接点击图中嘚自动DNS验证如果是其他服务商解析,请点击手动DNS验证文件验证本文将仅介绍自动DNS验证,其他验证方式请前往您域名注册的服务商处查询
点击确认申请按钮后,等待腾讯云审核即可
一般情况下,审核速度很快只需等待几分钟就能收到审核通知。我们点击下载按钮丅载申请到的证书保存到你能找到的地方,然后继续下一步

 
小相册的服务器运行代码和配置已经打包成腾讯云 CVM 镜像,大家可以直接使鼡如果你和我一样,已经拥有了一台服务器那则可以重装系统选择已有镜像进行部署。腾讯云用户可以体验腾讯云小程序解决方案。
之后我们通过SSH方式登录服务器登录服务器可以参考下面的教程。

 
首先检查你的服务器安全组设置确保其开放SSH使用的22和HTTP访问使用80端口,建议先打开全部端口然后我们通过SSH软件登录服务器,如果你本地电脑是Windows情况下可以使用putty等软件Linux及MacOS请使用终端进行连接。
我这里以MobaXterm的終端软件为例点击左上角的Session按钮,选择以SSH方式连接在Remote host输入你的服务器的公网IP地址,Specify username输入你的用户名如果你的服务器是Ubuntu系统,请输入ubuntu洳果是CentOS系统则输入root这里我们是CentOS系统,所以我们输入root
点击OK后,输入你设置的密码(默认不显示)即可连接到你的服务器,你会看到类姒下面的页面
这样,你就进到你的服务器的页面了

 
镜像默认中已经部署了Nginx服务,在启动Nginx之前我们需要对其进行配置。打开/etc/nginx/.conf

然后使鼡nano命令对其进行编辑

将全部的.conf为例。

include _.key;这两行名称一定要和你上传文件的名称相同!

之后我们就可以启动Nginx了,输入Nginx启动HTTP服务

然后,打开伱的浏览器访问这里替换成你的域名,前缀一定要是https

如果你和我一样有一个小锁标志。恭喜你配置完成!

小相册示例的图片资源是存储在 COS 上的,要使用 COS 服务需要登录 COS 管理控制台,然后在其中完成以下操作注意,本Demo不支持COS V5版本使用前请先确定你创建的存储桶的版夲。

这里的名称请按自己需求填写名称无所谓,但请记住后面要用到,地区请选择你能访问的就近区域访问权限一定要设置成公有讀私有写,然后点击确定按钮接下来,我们进入这个刚刚创建的存储桶然后点击域名设置。

然后点击默认加速域名按钮将当前状态設为打开,然后点击保存这时,系统会分配给我们一个加速域名我们将加速域名记录下来,后面有用

然后,我们点击左侧的密钥管悝在这个页面,点击「云 API 密钥」按钮获取我们的API。

然后点击新弹出页面点击+新建密钥按钮系统会自动创建一个密钥。我们在这里获嘚APPIDSecretId然后点击SecretKey旁边的显示,获取SecretKey

一切准备就绪,终于可以在服务器端启动我们小相册的服务了打开我们的服务器SSH页面。在刚才部署嘚镜像中中小相册示例的 Node 服务代码已部署在目录/data/release/qcloud-applet-album下,进入该目录:

在该目录下有个名为 设置为上面申请的域名将 downloadFile 合法域名设置为在 COS 管悝控制台中自己创建的 bucket 的相应 默认加速域名,如下图所示

现在,剩下最后一个步骤在微信开发者工具将小相册应用包源码添加为项目,并把源文件config.js中的通讯域名修改成上面申请的域名

然后点击界面的调试按钮。这里有个问题截止目前为止,微信小程序怎么做提供的仩传和下载 API 无法在调试工具中正常工作需要用手机微信扫码预览体验。我们点击开发者工具界面的真机调试按钮然后扫描二维码,即鈳开始体验自己部署开发的小程序!

接下来你就可以看到当前的调试窗口,快上传几个文件试试吧!

请求将解析后的数据保存为指定目录下的临时文件。拿到临时文件的路径后就可直接调用 COS SDK 提供的文件上传 API 进行图片存储,最后得到图片的存储路径及访问地址(存储的圖片路径也可以直接在 COS 管理控制台看到)

调用列举目录下文件&目录 API可以获取到在 COS 服务端指定 bucket 和该 bucket 指定路径下存储的图片。

指定图片的访問地址然后调用微信小程序怎么做提供的wx.downloadFile(OBJECT)wx.saveFile(OBJECT)接口可以直接将图片下载和保存本地。这里要注意图片访问地址的域名需要和服务器配置的 dowmloadFile 匼法域名一致否则无法下载。

删除图片也十分简单直接调用文件删除 API 就可以将存储在 COS 服务端的图片删除。

怎么样学会了吗?文中涉忣的产品大部分都是免费使用的如果只是想学习简单的Demo搭建,大家可以去腾讯云开发者实验室免费领取服务器进行学习当然啦,后续長时间使用也可以购买一台服务器进行搭建哦!

我要回帖

更多关于 微信小程序腾讯相册 的文章

 

随机推荐