• 工信部研究电子信息及5G技术在冬奥会中应用 2018-03-28
  • 卡通影视【大全 排行 推荐 评论 促销】 2018-03-28
  • 紫光阁中共中央国家机关工作委员会 2018-03-28
  • 《妖铃铃》吴君如带头“作妖”陈可辛赞Papi有演戏天分 2018-03-28
  • 漳州圆山脚下“水仙花海”美得醉人 “花海+旅游”引来游人如织 2018-03-28
  • 七部委明确动力蓄电池回收责任主体:谁生产谁回收 2018-03-28
  • “星期三查餐厅”3.15前夕再出击!千味涮可升A级渝月维持B级 2018-03-28
  • 《八月》导演张大磊新片俄罗斯开拍 海清梁景东主演"蓝色列车" 聚焦中俄边境往事 – Mtime时光网 2018-03-28
  • 从23亿到41.5亿元 吉祥人寿为何酝酿大手笔增资? 2018-03-28
  • 渠县人民医院工会领导带队深入龙潭镇慰问贫困户 2018-03-28
  • 习近平致电祝贺默克尔连任德国总理 2018-03-28
  • 我的妹妹是偶像 txt下载 2018-03-28
  • China will help Africa soar to greater heights Foreign Minister 2018-03-28
  • 广东省直机关工委传达学习习近平总书记br参加广东代表团审议时的重要讲话精神 2018-03-28
  • 纳溪区丰乐镇带十八大精神走进村民院坝 2018-03-28
  • 开发 | 一篇文章,带你从 0 到 1 开发小程序插件

    答题赚钱1-6元 www.dfc165.club 作者:郑智文知晓程序注:前不久,微信释放了一个重磅新能力:微信小程序插件功能。有了它,小程序开发者就可以通过这个功能,强化自身小程序能力;小程序服务提供商也可以用它,为开发者、用户提供强大的小程序功能支持,进一步拓展小程序能力。插件固然好,但如何从零开发一个插件呢?今天,知晓程序就来手把手,教你如何从零开发一款微信小程序插件。关注「知晓程序」微信公众号,回复「开发」,获取小程序开发技巧大全。新建插件工程新建插件的操作非常简单。只需要在微信开发者工具中新建小程序项目,并选择「建立插件快速启动模板」即可,开发者工具就会自动创建插件项目。需要注意的是,新建项目时,需要确保选择的项目目录是空目录,否则不会显示「建立插件快速启动模板」选项。插件目录结构生成的项目结构主要分为两大块,一个是 plugin,一个是 miniprogram。plugin 中放置我们插件的逻辑代码,主要分为 apicomponents 两个部分; miniprogram 中放置的是插件的使用示例或者测试示例。插件 API 接口开发以写一个返回「hello world!」的接口为例,我们可以在 plugin/api/data.js 中写下如下代码:function sayHelloWorld() {  return "hello world!"}module.exports = {
     sayHelloWorld
    }在 plugin/index.js 中将我们需要暴露出需要给插件使用者使用的接口:var data = require("./api/data.js")module.exports = {
     sayHelloWorld: data.sayHelloWorld
    }然后在 plugin/plugin.json 的配置文件中,配置插件的入口,默认如下:{  "main": "index.js"}然后在 miniprogram 中使用该接口。如在 miniprogram/pages/index/index.js 中使用:var plugin = requirePlugin("myPlugin")
    Page({
    onLoad: function() {
     console.log(plugin.sayHelloWorld())
    }
    })其中 myPlugin 为我们的插件名,微信默认配置。插件组件开发同样,以写一个显示 「hello world!」的组件为例,在 plugin/components 下新建一个 helloWorld 文件夹,点击该文件夹,右键生成组件,与普通组件一样,生成以下四个文件。helloWorld.wxml 中编写视图代码:<view>hello world!</view>同样,在 plugin/plugin.json 中配置需要暴露给插件使用者使用的组件:{
     "publicComponents": {
       "hello-world": "components/helloWorld/helloWorld"
     
    }
    ,
     "main": "index.js"
    }在需要引用到该组件的页面的配置文件中,做好配置即可,加入我们要在 index 页面使用,则需要在 miniprogram/pages/index/index.json 中进行如下配置:{
     "usingComponents": {
       "hello-world": "plugin://myPlugin/hello-world"
     
    }
    }然后再在 miniprogram/pages/index/index.wxml 中使用:<hello-world/>接下来,我们只需完整开发插件,然后选择上传,最后提交审核、发布,其他人就可以使用你的插件了。关注「知晓程序」微信公众号,回复「开发」,获取小程序开发技巧大全。

    ▽ 点击「阅读原文」,发现更多优质小程序。

    微信扫一扫 分享到朋友圈
    微口订阅号

    自媒体运营攻略
    行业经验交流

    关闭

    创建藏点

    藏点名称
    藏点说明
    藏点封面
    转藏至我的藏点 +新建藏点
      关闭
      答题赚钱1-6元 取消