分类归档

小程序

FWQ
小程序
小程序名字可以重复么
小程序名字不可以重复。 但是现在公众号、小程序在名称唯一的前提下,支持同主体的公众号与小程序名称复用。 具体规则: 1、 同一个主体的小程序和公众号可以同名 2、同一主体下存在多个重名公众号,可以同名 3、不同主体重名公众号,不能同名 4、同主体下,名称后缀“+”仍然可用 推荐:《》 以上就是小程序名字可以重复么的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序中蓝牙的链接
这篇文章主要介绍了微信小程序之蓝牙的链接的相关资料,希望通过本文大家能够掌握小程序蓝牙的开发方法,需要的朋友可以参考下 微信小程序之蓝牙的链接 微信小程序蓝牙连接2.0说明: 1、本版本区分了ANDROID和IOS系统下蓝牙连接的不同方式。 2、兼容了更多情况下的链接包括: (1)未开启设备蓝牙,当监听到开启了蓝牙后自动开始连接。 (2)初始化蓝牙失败后每3000ms自动重新初始化蓝牙适配器。 (3)安卓端开启蓝牙适配器扫描失败,每3000ms自动重新开启。 (4)IOS端获取已连接蓝牙设备为空,每3000ms自动重新获取。 (5)安卓端蓝牙开始链接后中断扫描,连接失败了,重新开始扫描。 (6)IOS端开始连接设备后,停止获取已连接设备,连接失败自动重新开启获取。 (7)连接成功后,关闭系统蓝牙,蓝牙适配器重置。 (8)连接成功后,关闭系统蓝牙,再次打开蓝牙,自动重新开始连接。 (9)连接成功后,关闭目标蓝牙设备,自动重新开始扫描(获取)。 (10)连接成功后,最小化小程序(连接未中断),打开小程序显示已连接。 (11)连接成功后,杀掉小程序进程,连接关闭,自动重新开始扫描(获取)。 3、想起来了再来更新….。 4、流程图,明天或后天或…谁有空帮我画一下也行。 我的连接是在App.js中做的。 在App.js中的onLaunch触发是调用 init()方法。 init代码: init: function (n) {   this.list = [];   this.serviceId = "6E400001-B5A3-F393-E0A9-E50E24DCCA9E";   this.serviceId_2 = "00001803-0000-1000-8000-00805F9B34FB";   this.serviceId_3 = "00001814-0000-1000-8000-00805F9B34FB";   this.serviceId_4 = "00001802-0000-1000-8000-00805F9B34FB";…
2024-11-25 阅读全文 →
FWQ
小程序
关于​微信小程序的课程推荐
        微信小程序发布或泄露,在互联网圈被刷了屏。许多人高呼这是html5的又一大胜利,然而事实真的是这样的吗?随着更多细节的披露我们了解到微信小程序是基于类似react native技术的。react native严格来说并不能算html5技术。在移动端html5技术约等于hyper,最大特点是基于浏览器内核,html5的野心也是用浏览器覆盖所有的屏幕,用dom霸占所有的开发者,基于浏览器内核才是关键。反观rn技术,或微信小程序并不依赖于任何浏览器内核,而是通过一个js到native的bridge直接调用原生组件。rn本身就是对html5的背叛。所以,我认为与其说这是html5的胜利不如说这是html5的失败。然而,不管html5也好,reactnative也好,微信小程序也好,背后都离不开javas 1. 简介:微信小程序发布或泄露,在互联网圈被刷了屏。许多人高呼这是HTML5的又一大胜利,然而事实真的是这样的吗?随着更多细节的披露我们了解到微信小程序是基于类似React Native技术的。 2. 简介:微信小程序图表插件(wx-charts)基于canvas绘制,体积小巧支持图表类型饼图、线图、柱状图 、区域图等图表图形绘制,目前wx-charts是微信小程序图表插件中比较强大好使的一个,微信小程序图表插件wx-charts参数及使用教程。 3. 简介:这篇文章主要介绍了微信小程序tabBar底部导航详细介绍的相关资料,需要的朋友可以参考下 以上就是关于​微信小程序的课程推荐的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序如何加载npm包
本文介绍了如何在小程序开发中使用npm中包的功能,大大提高微信小程序的开发效率,希望对学习微信小程序开发的朋友有帮助! 微信小程序如何加载npm包 微信小程序在发布之初没有对 npm 的支持功能,这也是目前很多前端开发人员在熟悉了 npm 生态环境后,对微信小程序诟病的地方。 微信小程序在 2.2.1 版本后增加了对 npm 包加载的支持,使得小程序支持使用 npm 安装第三方包。 微信小程序的功能更新最近更新的也非常给力,如之前给大家介绍的 微信小程序开发平台新功能「云开发」快速上手体验 。 推荐学习: 在小程序中加载 npm 包 微信小程序关于 npm 包的加载使用官方文档在 这里 ,此实战部分我们通过加载一个 npm 的第三方库…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序(应用号)简单应用
这篇文章主要介绍了微信小程序(应用号)简单实例应用的相关资料,需要的朋友可以参考下 Demo 预览 演示视频(流量预警 2.64MB) GitHub Repo 地址 仓库地址:https://github.com/zce/weapp-demo 使用步骤 将仓库克隆到本地: bash $ git clone https://github.com/zce/weapp-demo.git weapp-douban –depth 1 $ cd weapp-douban 打开微信Web开放者工具(注意:必须是0.9.092300版本) 必须是0.9.092300版本,之前的版本不能保证正常运行 不需要所谓的破解,网上所谓的破解只是针对之前的0.9.092100版本,新的官方版本不需要破解,不需要破解,不需要破解! 下载链接(官方版本,放心下载):https://pan.baidu.com/s/1qYld6Vi wechat_web_devtools_0.9.092300_x64.exe(Windows 64位)wechat_web_devtools_0.9.092300_ia32.exe(Windows…
2024-11-25 阅读全文 →
FWQ
小程序
小程序项目基本配置
小程序中的配置文件分为两种: 全局配置文件,根目录下的app.json 页面配置文件,每个页面目录下的[page-name].json app.json 项目配置声明文件(指定项目的一些信息,比如导航栏样式颜色等等) {   // 当前程序是由哪些页面组成的(第一项默认为初始页面)   // 所有使用到的组件或页面都必须在此体现 // https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html#pages   "pages": [ ... ],   // 应用程序窗口设置   // https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html#window   "window": { ... },   // 应用导航栏设置   // https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html#tabBar   "tabBar": { ... },   // 网络超时设置   // https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html#networkTimeout   "networkTimeout": {},   // 是否在控制台输出调试信息   // https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html#debug  "debug": true} 登录后复制 [page-name].json 用于指定特定页面工作时,window的设置: {   // 导航条背景色  "navigationBarBackgroundColor": "#35495e",   // 导航条前景色(只能是white/black)  "navigationBarTextStyle": "white",   // 导航条文本  "navigationBarTitleText": "电影 « 豆瓣", …
2024-11-25 阅读全文 →
FWQ
小程序
利用Taro + Vue3如何开发小程序?(实践)
如何使用 taro3 + vue3 开发小程序?下面本篇文章给大家介绍一下使用 taro3 + vue3 开发微信小程序的方法,希望对大家有所帮助! 微信小程序是以微信为运行环境的一种应用,其实质是 Hybrid 技术的应用,Hybrid App 即混合模式移动应用,因此与 H5 类似,但又比 H5 拥有很多原生的能力,例如调用位置信息和摄像头等。 小程序的开发方式与 H5 十分相似,用的也是  JavaScript、HTML、CSS  语言。 因此,小程序开发可以说是一名前端工程师必须要掌握的技能。 立即学习“”; 原生小程序开发有一定的学习成本,现如今市面上有很多开发小程序的第三方多端框架,如果不是追求极致性能和稳定,还是不要用原生小程序开发了,开发效率太低。 第三方多端框架中,taro 和…
2024-11-25 阅读全文 →
FWQ
小程序
vue微信公众号开发踩坑记录
微信js-sdk是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。通过使用微信js-sdk,网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力,同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力,为微信用户提供更优质的网页体验 我们如果要实现在公众号的内嵌h5中实现微信分享,支付等功能,就得引入js-sdk。 使用js-sdk有一个关键的环节,那就是通过config接口注入权限验证配置,而配置中有个signature参数是需要借助服务端获取的,这里就不过多探讨了,大家通过官方文档可以深入了解。 Hash or History? 上篇文章,我推荐大家在vue中配置vue-router使用hash模式,那么hash模式和history模式到底有什么差别呢?我举个栗子,假设我们都通过http://domain.com进入,然后跳转到路由为/jssdk的页面需要用到jssdk,那么实际js-sdk进行签名校验时所获取的当前页面url在ios和andrioid是不同的,这里我通过表格展示出来: 真相都在表格里,我表达能力不好恕我偷个懒23333333。 如果阁下没有接入分享指定页面的需求的话,hash模式很方便,但是无奈笔者需要接微信分享,如果使用hash模式,分享出去的地址,微信会自动处理掉#后边的部分,那么我就没法分享指定页面到朋友圈或者给朋友了。怎么办呢,只能硬着脑子解决history问题咯,其实也好解决,就是iOS需要使用第一次进入页面的URL获取签名,安卓每次路由切换都重新配置签名。我这里罗列两个方案: 立即学习“”; 入口文件中记录页面URL,在页面组件创建完成后,ios获取记录的url进行签名,android获取当前路由(window.location.href.split(‘#’)[0]),请移步我的上一篇博客 入口文件中直接进行签名和注入配置,仅针对android在每次切换路由时再重新签名和配置。该方案适合所有页面都需要用到js-sdk的情况 问题记录 现列出我在捣鼓过程中遇到的一个个bug: 安卓设备能分享ios设备不能分享; 出现该问题的原因就是因为采用了history模式,且没有考虑到ios校验签名获取的url是第一次访问的url而使用了切换后的url。 ios设备进入页面时不能分享,手动刷新页面后才能分享; 这个bug很奇怪,笔者也没搞明白具体什么情况,如果阁下知道,务必和我分享哦 点击链接能正常分享,点击别人分享的图文消息之后不能分享; 猜想1:点击图文消息时候,微信进行签名校验的url去掉了自己添加的参数,所以我们在进行签名时也要去掉微信添加的参数? 所以我把微信参数即`?from=singlemessage&isappinstalled=0’这个部分去掉,结果依旧是分享失败,而我自己随意加一个参数,分享则正常,我随意加两个参数的时候,分享却又不正常了。 猜想2: 微信分享进行签名校验的url仅能允许一个参数?所以我这样写:url = location.href.split(‘&’)[0],验证后发现是错误的,再仔细一想我居然有这么可怕的想法,连官方文档都不相信了。 猜想3:url难道需要进行编码?即url = encodeURIComponent(window.location.href.split(‘#’)[0])经我多次debug,终于找到问题,就是需要对签名的url进行编码,word哥,不容易啊…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序rich-text组件:富文本解析器的应用
本篇文章给大家带来的内容是关于微信小程序rich-text组件:富文本解析器的应用,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 微信小程序富文本解析器 微信小程序在rich-text组件后开始支持富文本解析,但需要对照一套自定义规则的 JOSN 数据格式,API 返回的富文本需要前端做数据转换。 这个主要是用于某些需要 API 直接输出富文本的地方。比如后端输出title字段, 但 title 字段中有加重提示的几个文字是需要标红的。 这种情况下后端如果不返回富文本,前端去在小程序去处理是比较麻烦的,还得定个规则,前端再写好样式拼接起来。如果后端直接给你返回富文本,用这个去解析可以直接搞定。 如官网给的例子: 如何才能将 HTML 转为微信小程序组件支持的数据格式呢? html2json 是一个将 HTML 解析为对应的 json 格式但 html2json 库转换出来的 JSON 与微信小程序要求不一致,且不支持解析 style,故在此库的基础上做的了扩展与调整。…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序中如何使用腾讯视频插件?
在微信小程序开发中如何使用腾讯视频插件?下面本篇文章给大家介绍一下腾讯视频插件使用教程。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 摘要:在开发一个小程序项目时,需要在页面中观看视频,就需要使用到微信小程序的腾讯视频插件,这样就可以在页面中引用腾讯视频,而无需使用自己的服务器进行视频的播放,节约了很大的服务器开支。 在开发一个小程序项目时,需要在页面中观看视频,就需要使用到微信小程序的腾讯视频插件,这样就可以在页面中引用腾讯视频,而无需使用自己的服务器进行视频的播放,节约了很大的服务器开支。但是微信小程序插件的文档写的很不清楚,因此将我的解决方法写在这里。 在小程序中引入插件。 进入微信公众平台,在设置中找到第三方服务,在插件管理中添加插件。搜索到腾讯视频,点击添加,同时打开腾讯视频的详情,在里面找到该插件的appid与版本号。 接着是代码部分,在app.json中添加 plugins: {     tencentVideo: {       version: 1.1.1,       provider: wxa75efa648b60994b     } 登录后复制 其中version是版本号,provider是appid。 在需要使用的页面中引用该插件的组件 官方文档并没有关于该方法的具体说明,所以会导致出现无法找到对应playerid的txv-video的问题 打开想要使用插件页面的json文件,在里面添加 usingComponents:  { txv-video: plugin://tencentVideo/video } 登录后复制 这就代表着可以在页面中使用txv-video组件啦 在页面中使用组件 进入wxml文件,在里面添加 这一步很简单,vid是腾讯视频的vid,playerid是该txv-video唯一识别码,这个组件不能通过css进行样式修改 在js中进行引入 如果你不想在js中对该插件进行控制的话,可以不引入。 const…
2024-11-25 阅读全文 →