微信小程序> 微信小程序开发坑背景图之微博图床

微信小程序开发坑背景图之微博图床

浏览量:784 时间: 来源:sjs_caomei

这几天在弄微信小程序,哇,那是一个深不见底的坑。唉~三番五次被腾讯拒之门外

所以,最后我把我们最核心的东西(类似于朋友圈的备忘录)删除了,花了多少心血啊~

这个先不提了,回到今天的主题,图床。

大家有没有过在微信小程序编译阶段,背景图可以显示,一到预览或者真机调试就会出现不显示的情况。脑阔疼。

解答:

其实预览或者真机背景图不显示有以下原因:

1.图片地址不支持相对地址。就是说不支持(../../images/xxx.jpg),必须时基于绝对地址的(/project/images/xxx.png)等。

2.图片不支持空格以及中文命名,所以按照命名规范去命名吧~

3.这是最重要的,那就是css里面的必须时http的,所以这就需要图床了。

以前我用过七牛云的图床,好爽,没人一个域名啊限流啊流量监控啊什么的,但是啊但是,要money。作为传统的中国人民,要money总是不怎么好,所以,不想花钱,就只能用一用图床了。

微博图床:

其实使用网易、新浪的产品,上传的图片都是提供http url的,所以,每一张图片都对应着网络地址。像什么微博发表图文啊,有道云笔记发表笔记啊。所以我们要做的,就是用谷歌浏览器检查一下它的地址拿来用就行。这里感谢微博,感谢有道云。

最后安利一波微信小程序的怎么使用云函数逃避域名检测:

// 云函数入口文件const cloud = require('wx-server-sdk')const got = require('got'); //引用 gotcloud.init()// 云函数入口函数exports.main = async (event, context) = {  //let getResponse = await got('httpbin.org/get') //get请求 用httpbin.org这个网址做测试   //return getResponse.body  let postResponse = await got(event.url, {    method: 'GET', //post请求    // headers: {    //   'Content-Type': 'application/json'    // },    // body: JSON.stringify()  })  return JSON.parse(postResponse.body); //返回数据}

 

 

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎