微信小程序 第三方插件的使用

微信小程序 第三方插件的使用,第1张

各种开发其实都是有插件的,之前我以为小程序没有,没想到后来又有了,昨天动手想集成两个插件试试,没想到一波三折,这里记录一下我踩的坑

1、在微信公众平台后台,登录,设置-第三方服务-添加插件。这里以添加"极点日历"为例

注意最多只能添加5个哦

2、搜索你要的插件,并添加

添加成功陆碧后,就可以在插件管理下面看到你添加的插件了

3、在app.json中添加插件

这里的插件名可以自己随意取

这里以tx-map为例,参考它的文档

在app.json中添加相关信息

而provider即AppID,version即版本号

在项目中具体怎么使用,要看开发文档,而开发文档我发现有些插件有,有些插件并没有,反正自己多查查吧

4、在目标页面的json文件里引用早弊举该插件

注意这里的tx-map即在app.json取的那个名字,而map-route也可以自己取,这里取啥,到时候wxml里用的组件就是这个名字

5、在目标页面的wxml文件里使用该插件

如果要使用插件的 js 接卜稿口的话,在js里,使用requirePlugin(在app.json里命名的插件的名字),就能获得插件对象,比如:

6、查看效果

这个你可以尝试调整你的调试基础库版本,我之前是1.9.1,调整到2.1.1就好了。

这个真心没搞懂,因为这个错误是看心情出现的,一会儿好一会儿不好的,有点不稳定的样子,据说是降低调试基础库版本

这个也是看心情出现的(目前仍然是懵逼脸,不晓得是我错了,还是插件有问题)

无代码开发小程序的工具在国内市场逐渐得到了广泛应用。以下是一些较为知名的无代码开发小程序工具:

小程序易开发:小程序易开发是腾讯旗下的无代码开发平台,提供了丰富的模板、组件和插件,支持快速搭建各类小程序,包括企业官网、电商平台、社交媒体等。

模板之家:模板之家是一家提供小程序开发解决方案的公司,提供丰富的小程序模板和可视化编辑工具,帮助用户快速搭建个性橡悉化的小程序。

云开发:云开发是微信开发的一套云端开发工具,其中包括了无代码开发工具,可以帮助开发梁绝乎者快速搭建小程序并提供云端支持,包括数据存储、云函数等。

百度智能小程序:百度智能小程序是一款无代码开发小程序工具,提供宏族了可视化的界面设计和代码生成工具,可以快速实现小程序开发。

原型大师:原型大师是一款专业的原型设计工具,也提供了小程序开发的解决方案,支持快速生成小程序原型和代码,适合需要自定义功能和设计的用户使用。

以上是一些常见的无代码开发小程序工具,不同的工具具有不同的特点和优势,用户可以根据自身需求选择适合自己的工具。

工具使用教程:

1、网页搜索小程序平台,进入小程序搭建系统,如图1。

2、进入平台右上角点击“注册”按钮,物皮郑如图2。

3、编辑一个用户名、密码,输入验证码并确认注册协议,如图3。

4、编辑一个小程序名字、录入手机号码和找回密码的邮箱账号,如图4。

5、数字产品类型选择界面,选择小程序,如图5。

6、左侧选择官网或商城,官网为展示型小程序模板。根据行业选择小程序模板,预览模板后,点击选用并点击确认按钮,如图6、图7。

7、点击小程序模板头部区域,d出铅笔图标后,进入编辑框替换logo,该模板logo为透明色,请按照系统提示尺寸进行上传,如图8、图9。

8、鼠标点击首页轮播握肆图,d出铅笔图标后,点击进入编辑框,按照系统提示尺寸,替换图片如图10、图11和图12。

9、小程序导航数量可以根据实际需求进行增减。如果是商城类小程序,导航分类一般对应产品类型,如图13、图14和图15。

10、上传产品后,鼠标点击商品板块,d出铅笔图标后进去编辑框,设置商品按条件自动调用,该功能配置好以后,新增产品会自动出现在各个对应板块,如图16、图17。

11、首页界面设计完成以后,点击左侧页面、添加栏目按钮继续设计其他罩颂页面,比如展示型小程序常用的关于我们、联系我们、品牌特色等页面,在设计过程中,可以从素材、模块里拖拽功能插件到页面里,如图18、图19和图20。

12、到这一步小程序基本设计完成,可以沟通平台协助配置各类系统接口,提交腾讯审核发布。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/yw/12366620.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-23
下一篇2023-05-23

发表评论

登录后才能评论

评论列表(0条)

    保存