TypechoJoeTheme

香草物语

统计
登录
用户名
密码
/
注册
用户名
邮箱
输入密码
确认密码
搜索到 7 篇与 的结果
2024-06-30

UniApp开发小程序生成海报

UniApp开发小程序生成海报
具体实现效果就是上面这个图片。里面的元素都是自己根据自己实际情况拼接进去的。在开发小程序时,我们经常会遇到【分享】这个功能,在实现分享功能时,我们一般会基于当前页面,生成一个海报进行分享。在实现时,基本上是通过canvas画一个图片,然后生成一个图片,具体的可以看下面的代码。视图代码<!-- 报价按钮 --> <view :style="{marginTop: '30rpx'}"> <view class="container-price"> <view class="container-price-left"> <view style="display: flex;flex-direction: column;align-items: center;margin-left: 30rpx;" ...
Laughing
2024-06-30

微信开发

279 阅读
0 评论
2024年06月30日
279 阅读
0 评论
2022-11-19

油耗笔记OilNote集成腾讯地图实现载在图选择加油站充电站功能

油耗笔记OilNote集成腾讯地图实现载在图选择加油站充电站功能
油耗笔记OilNote经过两轮迭代,将地图服务由高德地图切换到百度地图,最终定格到了腾讯地图。在前面,我们已经实现了逆地址解析及周边搜索功能。接下来我们要实现打开地图,在图直接选择加油站功能。我们使用腾讯地图提供的微信小程序JavaScript SDK实现在线地图功能。一、微信小程序JavaScript SDK介绍腾讯位置服务为微信小程序提供了基础的标点能力、线和圆的绘制接口等地图组件和位置展示、地图选点等地图API位置服务能力支持,使得开发者可以自由地实现自己的微信小程序产品。 在此基础上,腾讯位置服务微信小程序JavaScript SDK是专为小程序开发者提供的LBS数据服务工具包,可以在小程序中调用腾讯位置服务的POI检索、关键词输入提示、地址解析、逆地址解析、行政区划和距离计算等数据服务,让您的小程序更强大!微信小程序JavaScript SDK开发文档二、微信小程序JavaScript SDK使用2.1、小程序域名设置在小程序管理后台 -> 开发 -> 开发管理 -> 开发设置 -> “服务器域名” 中设置request合法域名,添加https:...
Laughing
2022-11-19

微信开发

885 阅读
0 评论
2022年11月19日
885 阅读
0 评论
2022-11-18

油耗笔记OilNote周边搜索能力由百度地图切换成腾讯地图

油耗笔记OilNote周边搜索能力由百度地图切换成腾讯地图
油耗笔记OilNote其实对地图搜索能力,其实就是查询周边加油站的功能进行过一次升级,上次升级是将地图搜索能力由高德地图切换成了百度地图,切换原因也非常简单,高德地图无耻的将每日额度改成了100,根本没法用了。具体切换过程,感兴趣的可以看看。油耗笔记OilNote周边搜索能力由高德地图切换成百度地图 - 香草物语 (xiangcaowuyu.net)一、为什么又不用百度地图了1.1、对搜索结果不满意其实,从高德地图切换到百度地图也不过一天的时间。之所以不使用百度地图,最根本的原因,是百度地图所谓的圆形搜索能力真的太差劲了。好多东西根本就搜不到。而且作为记录油耗的一个小程序,搜索周边加油站其实是最基础最基本的一个功能,但是百度地图的圆形搜索能力简直就弱爆了。明明旁边就有加油站,死活就是搜索不到。但是百度地图自己却能搜索到。比如这个地图是当时使用百度地图的搜索加油站的结果下面这个是切换到腾讯地图在相同位置的搜索加油站的结果但是,百度地图搜索的充电站数量好像也不少,跟腾讯地图也有差不多。1.2、坐标转换比较麻烦使用uni.getLocation()方法虽然获取到的坐标是gcj02,但是...
Laughing
2022-11-18

微信开发

894 阅读
0 评论
2022年11月18日
894 阅读
0 评论
2022-11-17

油耗笔记OilNote周边搜索能力由高德地图切换成百度地图

油耗笔记OilNote周边搜索能力由高德地图切换成百度地图
一、交代下背景以前油耗笔记OilNote检索周边加油站功能,都是用的高德地图,起初,也不知道高德Api限制多少访问量,反正一直也没提示过超额,但是今天,莫名的收到了两条超额的短信。一开始收到80%超额的时候也没太当回事,觉得可能这个月改版,调试用的数量比较大,但是紧接着就收到了超额100%的提示,就感觉到不太对劲了,于是登录了高德后台,查询了一下配额。结果真是乖了个乖,搜索服务每日限额100次,这简直就是坑了,100次跟没有没啥区别,高德这是直接劝退个人开发者的节奏。查了下站内信,2022年10月26日发的站内信(没短信),通知2022年10月27日调整限额,连给你调整的时间都不给。坑你没商量呀。二、百度地图为什么选择百度地图呢?介个,国内好像除了高德就是百度了,不用也没办法。因为我就用到了地点检索,百度地图目前还算比较良心的,个人开发者每日限额是5000次。是高德地图的50倍。并发限制都是一样的30QPS。百度地图创建应用的时候,记得选择微信小程序,否则逆地理编码是不能用的。三、微信公众平台配置如果使用百度地图,必须提前把百度地图Api放到域名白名单里面。微信小程序后台,依次定...
Laughing
2022-11-17

微信开发

820 阅读
0 评论
2022年11月17日
820 阅读
0 评论
2022-11-15

解决小程序报错the api need to be declared in the requiredPrivateInfos field in app.json

解决小程序报错the api need to be declared in the requiredPrivateInfos field in app.json
一、报错信息从报错信息可以大概看到,应该是缺少授权导致的。PS:这里真的想吐槽一下微信的接口,真的是三天两头的变,发个版就得调整一次,心累。二、微信官方文档说明打开微信开发文档查看配置信息。为了开发者能够正常使用获取模糊地理位置等接口,以及后续对于代码提审环节的优化,自 **2022 年 7 月 14 日起,开发者在使用地理位置相关接口时(共计 8 个),需要提前在 app.json 中进行配置。在代码中使用的地理位置相关接口(共计 8 个),开发者均需要在 app.json 中 requiredPrivateInfos 配置项中声明,代码格式如下:地理位置接口新增与相关流程调整 | 微信开放社区三、解决方法因为我是用uni-app框架开发的,所以是在manifest.json里面配置,如果是用其他框架开发的话,一般都是在app.json里面配置,不过原理都是一样的。
Laughing
2022-11-15

微信开发

1,648 阅读
0 评论
2022年11月15日
1,648 阅读
0 评论
2022-11-14

微信小程序获取用户头像后上传到七牛云

微信小程序获取用户头像后上传到七牛云
一、事情起因【油耗笔记OilNote】小程序好久没有升级了,最近打算对代码进行一些优化,但是新版本突然发现无法获取到用户微信头像及微信昵称了。查阅官方文档才知道,官方有对getUserProfile接口进行调整了。自 2022 年 10 月 25 日 24 时后(以下统称 “生效期” ),用户头像昵称获取规则将进行如下调整:自生效期起,小程序 wx.getUserProfile 接口将被收回:生效期后发布的小程序新版本,通过 wx.getUserProfile 接口获取用户头像将统一返回默认灰色头像,昵称将统一返回 “微信用户”。生效期前发布的小程序版本不受影响,但如果要进行版本更新则需要进行适配。自生效期起,插件通过 wx.getUserInfo 接口获取用户昵称头像将被收回:生效期后发布的插件新版本,通过 wx.getUserInfo 接口获取用户头像将统一返回默认灰色头像,昵称将统一返回 “微信用户”。生效期前发布的插件版本不受影响,但如果要进行版本更新则需要进行适配。通过 wx.login 与 wx.getUserInfo 接口获取 openId、unionId 能力不受...
Laughing
2022-11-14

微信开发

1,787 阅读
0 评论
2022年11月14日
1,787 阅读
0 评论
2021-04-22

微信小程序自定义不一样的tabBar

微信小程序自定义不一样的tabBar
实现过程其中扫码买单,这个按钮效果,微信自带的tabBar是无法实现的,其后尝试了下custom-tab-bar 也是无法实现。没办法了,既然微信的tabBar无法实现。那就自己弄个真-自定义tabBar来实现好了。各位看官莫慌,下面就把解决方案放上来。首先先来讲下解决方案的思路,然后再把代码送上。思路:  微信的tabBar无法实现,那么就放弃微信的tabBar,改用Component 来实现。把微信自带的tabBar隐藏起来,用Component 做成伪tabBar并应该到页面上。把app.json下的 tabBar 给干掉。这样在首页就不会有tabBar显示了。写Component 伪tabBar并应该到页面上。代码app.json删除 tabBar自定义component<!--Componet/tabBar/tabBar.wxml--> <view class="tabBar"> <view class="cont"> <block wx:for="{{t...
Laughing
2021-04-22

微信开发

1,166 阅读
0 评论
2021年04月22日
1,166 阅读
0 评论