登录  |  注册
当前位置：网站首页 > 更多 > 站长帮 > 正文

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

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

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

实现的效果预览

[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经验] 利用美团接口和云函数无成本搭建自己的图片存储站

猜你还喜欢

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

取消回复欢迎 你 发表评论:

请填写验证码
欢迎 访客 登录没有账号？
精品推荐！
  • 最新文章
  • 热门文章
  • 热评文章
最新评论
热门tag
友情链接