小程序插件植入目录文件（小程序引入插件）

本篇文章给大家谈谈小程序插件植入目录文件，以及小程序引入插件对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。 今天给各位分享小程序插件植入目录文件的知识，其中也会对小程序引入插件进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、微信小程序 第三方插件的使用
• 2、微信小程序主要目录和文件的作用
• 3、小程序创建和引用组件

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

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

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就好了。

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

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

微信小程序主要目录和文件的作用

App.js：设置一些全局的基础数据等
App.json：底部tab，标题栏和路由等设置

App.wxss：公共样式，引入iconfont等

pages：里面包含一个个具体的页面

index.json：配置当前页面标题和引入组件

index.wxml：页面结构

index.wxss：页面样式表

index.js：页面的逻辑，请求和数据处理

project.config.json：项目配置文件，用的最多的就是配置是否开启https校验

小程序创建和引用组件

创建组件的方法：

步骤一

在小程序项目中添加一个components文件夹，里面存放自定义的组件，然后在components目录下新建一个customComponent文件夹，文件夹可以命名为自定义组件名字相关，用来存放自定义的组件。

在这个文件夹右键，选择新建组件，输入组件名，一个自定义组件由 json, wxml, wxss, js4个文件组成，此时将自动生成这四个文件。

步骤二

接下来进行组件的相关配置：

首先需要在 json 文件中进行自定义组件声明（将component 字段设为 true 可这一组文件设为自定义组件

步骤三

引用组件：

在父级中：“useingComponents”：{

“命名”：“子级路径”，

}

关于小程序插件植入目录文件和小程序引入插件的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。 小程序插件植入目录文件的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于小程序引入插件、小程序插件植入目录文件的信息别忘了在本站进行查找喔。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。