网站开发

本文介绍了如何在小程序开发中使用npm中包的功能，大大提高微信小程序的开发效率，希望对学习微信小程序开发的朋友有帮助！ 微信小程序如何加载npm包 微信小程序在发布之初没有对 npm 的支持功能，这也是目前很多前端开发人员在熟悉了 npm 生态环境后，对微信小程序诟病的地方。 微信小程序在 2.2.1 版本后增加了对 npm 包加载的支持，使得小程序支持使用 npm 安装第三方包。 微信小程序的功能更新最近更新的也非常给力，如之前给大家介绍的 微信小程序开发平台新功能「云开发」快速上手体验 。 推荐学习： 在小程序中加载 npm 包 微信小程序关于 npm 包的加载使用官方文档在 这里 ，此实战部分我们通过加载一个 npm 的第三方库…

这篇文章主要介绍了微信小程序（应用号）简单实例应用的相关资料,需要的朋友可以参考下 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…

小程序中的配置文件分为两种： 全局配置文件，根目录下的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": "电影 « 豆瓣", …

如何使用 taro3 + vue3 开发小程序？下面本篇文章给大家介绍一下使用 taro3 + vue3 开发微信小程序的方法，希望对大家有所帮助！ 微信小程序是以微信为运行环境的一种应用，其实质是 Hybrid 技术的应用，Hybrid App 即混合模式移动应用，因此与 H5 类似，但又比 H5 拥有很多原生的能力，例如调用位置信息和摄像头等。 小程序的开发方式与 H5 十分相似，用的也是  JavaScript、HTML、CSS  语言。 因此，小程序开发可以说是一名前端工程师必须要掌握的技能。 立即学习“”； 原生小程序开发有一定的学习成本，现如今市面上有很多开发小程序的第三方多端框架，如果不是追求极致性能和稳定，还是不要用原生小程序开发了，开发效率太低。 第三方多端框架中，taro 和…

微信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哥，不容易啊…

本篇文章给大家带来的内容是关于微信小程序rich-text组件：富文本解析器的应用，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。 微信小程序富文本解析器 微信小程序在rich-text组件后开始支持富文本解析，但需要对照一套自定义规则的 JOSN 数据格式，API 返回的富文本需要前端做数据转换。 这个主要是用于某些需要 API 直接输出富文本的地方。比如后端输出title字段, 但 title 字段中有加重提示的几个文字是需要标红的。 这种情况下后端如果不返回富文本，前端去在小程序去处理是比较麻烦的，还得定个规则，前端再写好样式拼接起来。如果后端直接给你返回富文本，用这个去解析可以直接搞定。 如官网给的例子： 如何才能将 HTML 转为微信小程序组件支持的数据格式呢？ html2json 是一个将 HTML 解析为对应的 json 格式但 html2json 库转换出来的 JSON 与微信小程序要求不一致，且不支持解析 style，故在此库的基础上做的了扩展与调整。…

在微信小程序开发中如何使用腾讯视频插件？下面本篇文章给大家介绍一下腾讯视频插件使用教程。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。 摘要:在开发一个小程序项目时，需要在页面中观看视频，就需要使用到微信小程序的腾讯视频插件，这样就可以在页面中引用腾讯视频，而无需使用自己的服务器进行视频的播放，节约了很大的服务器开支。 在开发一个小程序项目时，需要在页面中观看视频，就需要使用到微信小程序的腾讯视频插件，这样就可以在页面中引用腾讯视频，而无需使用自己的服务器进行视频的播放，节约了很大的服务器开支。但是微信小程序插件的文档写的很不清楚，因此将我的解决方法写在这里。 在小程序中引入插件。 进入微信公众平台，在设置中找到第三方服务，在插件管理中添加插件。搜索到腾讯视频，点击添加，同时打开腾讯视频的详情，在里面找到该插件的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…