当前位置:网站首页 > 更多 > 站长帮 > 正文

[WEB经验] 利用美团接口和云函数无成本搭建自己的图片存储站

作者:精品资源网 日期:2021-07-10 01:51:04 浏览:1903 分类:站长帮

理论上可以通过替换云函数接口接入其他家的图片上传接口,如腾讯网易阿里的

实现的效果预览

[WEB经验] 利用美团接口和云函数无成本搭建自己的图片存储站

[WEB经验] 利用美团接口和云函数无成本搭建自己的图片存储站

[WEB经验] 利用美团接口和云函数无成本搭建自己的图片存储站

[WEB经验] 利用美团接口和云函数无成本搭建自己的图片存储站



开始搭建

第一步:准备一个已经实名过的Dcloud帐号,并安装HBuilderX编辑器

[WEB经验] 利用美团接口和云函数无成本搭建自己的图片存储站


第二步:下载源码并解压

源码下载地址:

  1. https://vkceyugu.cdn.bspapp.com/VKCEYUGU-94489da7-a8c5-4422-b16c-6b1d80150a6e/1243c4c6-c331-4169-862f-e6e07e368865.zip


第三步:打开HBuilderX编辑器

选择工具,插件安装,安装如下图所示的插件

[WEB经验] 利用美团接口和云函数无成本搭建自己的图片存储站


然后点击前往插件市场,安装sass和less插件

[WEB经验] 利用美团接口和云函数无成本搭建自己的图片存储站


第四步:导入项目

选择文件,导入,从本地目录导入

[WEB经验] 利用美团接口和云函数无成本搭建自己的图片存储站


导入完成后,在uniCloud文件夹上右击,选择关联云空间或项目

然后点击新建,这里会跳转到unicloud的web控制台,输入一个合适的名字,点击创建

[WEB经验] 利用美团接口和云函数无成本搭建自己的图片存储站


创建好后点击前端网页托管,点击开通,到这里你可以绑定自己的域名,也可以直接用默认域名

[WEB经验] 利用美团接口和云函数无成本搭建自己的图片存储站

[WEB经验] 利用美团接口和云函数无成本搭建自己的图片存储站


点击跨域配置,输入你刚刚绑定的自己域名或者默认域名

然后返回HBuilderX编辑器,点击刷新按钮,选中你刚刚创建的云服务空间,点击关联

关联好后点击manifest.json,选择基础配置,点击重新获取appid

[WEB经验] 利用美团接口和云函数无成本搭建自己的图片存储站


然后在unicloud/cloudfunctions/upload文件夹上右击,上传云函数

[WEB经验] 利用美团接口和云函数无成本搭建自己的图片存储站


然后点击发行,网站-pc,在网站标题设置你的名字,勾选前端网页托管和你刚刚创建好的云空间的名字,点击发行

[WEB经验] 利用美团接口和云函数无成本搭建自己的图片存储站


等待片刻,发行完成后就可以使用了。我是用的默认域名,如下

[WEB经验] 利用美团接口和云函数无成本搭建自己的图片存储站


最终成品

[WEB经验] 利用美团接口和云函数无成本搭建自己的图片存储站



图片测试

  1. https://www.smk118.com/zb_users/upload/2021/07/20210710015221_17582.jpg

复制代码

[WEB经验] 利用美团接口和云函数无成本搭建自己的图片存储站

您需要 登录账户 后才能发表评论

取消回复欢迎 发表评论:

请填写验证码