精华内容
下载资源
问答
  • 小程序插件开发使用教程

    千次阅读 2018-06-04 10:33:31
    从开发者的角度来看,最关心的问题是怎么开发微信小程序插件,首先需要对小程序插件了解。什么是微信小程序插件?插件一组由js和自定义组件封装的代码库,插件无法单独使用、也无法预览,必须被其他小程序应用嵌入,...

    近期,微信小程序发布了重大功能更新,支持插件的使用和开发。消息一出,小程序开发者蜂拥而至,开始专研插件开发,不久后会有一批优质服务的插件上线是可以预见的。从开发者的角度来看,最关心的问题是怎么开发微信小程序插件,首先需要对小程序插件了解。

    什么是微信小程序插件?

    插件一组由js和自定义组件封装的代码库,插件无法单独使用、也无法预览,必须被其他小程序应用嵌入,才能使用。它和NPM的依赖、Maven的依赖库是一个道理。

    不过,插件和NPM、Maven依赖管理不同的是:插件拥有独立的API接口和域名列表,不被小程序本身的域名列表限制。(NPM依赖进来的库不能进行第三方数据请求);插件必须由腾讯审核通过才能使用(NPM无需腾讯审核);使用第三方插件必须向第三方申请(通过NPM使用第三方库无需向第三方申请)。所以在未来,插件或许会被第三方打包成为服务,而不仅仅只是一个代码库。

    如何开发微信小程序插件?

    下载最新的微信小程序开发者工具,打开开发者工具,进入小程序项目。

    微信小程序插件怎么开发

    点击,右下角的 “创建” 按钮,就可以创建插件了,

    微信小程序插件怎么开发

    插件的AppId和之前的微信小程序的AppId是同个道理,需要在微信开发者后台新建一个微信小程序插件:

    微信小程序插件怎么开发微信小程序插件怎么开发



    微信小程序插件的名称也必须是独一无二的,申请完毕后就可以获得插件的AppId了。填写名称和插件AppID后,就可以进入小程序项目。

    在文件 project.config.json 中,我们看到代码如下:

    {

        miniprogramRoot:./miniprogram,

        pluginRoot:./plugin,

        compileType:plugin,

        setting: {

            newFeature: true

        },

        appid: .....,

        projectname:videoPlayer,

        condition: {}

    }

    miniprogramRoot:配置小程序的根目录,可以使用小程序来测试编写的插件

    pluginRoot:插件相关代码所在的根目录

    compileType:项目的编译类型,必须配置为 plugin,在上传代码的时候才会以插件的方式上传到腾讯服务器。

    在 plugin/plugin.json 文件中,代码如下:

    {

      publicComponents: {

        hgPlayer:components/player/player

      },

      main: index.js

    }

    publicComponents:配置的是插件可以给使用的小程序提供哪些组件,一个插件可以定义很多个组件,组件和组件之间相互引用,但是小程序只能使用在publicComponents里配置的组件。

    main:定义入口文件,在入口文件 index.js 中定义小程序可以使用插件的那些接口。

    在 plugin/index.js 文件中,代码如下:

    var data =require(\'./api/data.js\')

    module.exports= {

      getData: data.getData,

      setData: data.setData

    }

    在 plugin/index.js 定义了对外抛出接口为 getData 和 setData,小程序在使用这个插件的时候,只能使用到插件提供的这两个接口,插件的其他接口(或方法)小程序无法使用。

    做好以上配置后,就可以开始在 plugin/components 编写组件代码了。

    代码编写完毕后,注意在 plugin/plugin.json 文件配置。配置好后,我就可以上传插件代码到腾讯服务器,进入微信小程序开发者后台提交审核,腾讯审核通过后,第三方小程序就可以使用我们编写的这个插件了。

    如何使用第三方插件

    使用第三方插件之前,需要进入微信小程序开发者后台,在第三方服务里添加插件:

    微信小程序插件怎么开发

    微信小程序插件怎么开发

    填写第三方插件的AppId,点击添加按钮,对方账号的 小程序插件 > 申请管理 会出现你的申请,

    微信小程序插件怎么开发

    需要第三方同意你的申请后,你就可以开始使用第三方插件了。

    使用第三方插件的时候,需要在 我们自己的小程序的 app.json 做如下配置:

    {

      pages: [

        pages/index/index

      ],

      plugins: {

        myPlugin: {

          version: dev,

          provider: 填写申请通过的插件AppId

        }

     }

    }

    plugins: 配置的要使用的第三方插件列表。

    插件列表配置好后,由于每个插件可能会有多个组件,所以需要我们在每个页面定义要使用到的组件,例如,在 index.js 中要使用 hgPlayer 这个组件,需要在 index.json 配置。配置好 index.json 后,就可以在 index.wxml 直接使用了。

    图文转载自即速 小程序开发资讯 ,更多视频教程关注 小程序培训
    展开全文
  • 微信小程序插件

    千次阅读 2018-03-19 11:03:36
    微信小程序开发交流qq群 173683895 承接微信小程序开发。扫码加微信。 正文: 一. 开发插件 插件开发流程 以下为插件开发接入流程: 开通插件功能 ...开通入口:小程序管理后台-小程序插件 ...

    微信小程序开发交流qq群   173683895

       承接微信小程序开发。扫码加微信。

    正文:

    一. 开发插件

    插件开发流程

    以下为插件开发接入流程:

    1. 开通插件功能
    2. 填写开发信息并开发
    3. 提交审核、发布
    4. 管理插件使用申请

     

    开通插件功能

    小程序开发者无需重新注册帐号,可直接在小程序管理后台开通插件功能,完成基本信息填写后完成开通。

    开通入口:小程序管理后台-小程序插件

     

    填写插件基本信息,插件的基本信息将在插件申请流程、小程序基本信息页中展示。

    填写开发信息并完成开发

    设置插件的服务器域名及Token信息后,即可在开发者工具中开发插件。

    开发者工具内设置请见:

     

    创建插件项目

    小程序的 AppID 可以创建小程序插件项目,插件是独立于小程序之外的,但是 AppID 是公用的,所以不要使用原有的小程序项目进行插件开发。 在创建项目页面,选择一个空文件夹作为项目路径,可以选择创建小程序插件快速启动模板

    快速启动模板说明:

    1. miniprogram 文件夹是一个普通小程序项目,用来编写小程序插件的使用 Demo,上传插件代码时这个 Demo 会一起上传,并作为小程序插件的发布的审核依据.

    2. plugin 文件就是小程序插件项目,用来编写小程序插件的代码。

    3. project.config.json 需要关注 compileType 字段,compileType == 'plugin' 时才能正常的使用插件项目。详情

    打开已存在的插件项目

    如果是之前创建的插件项目,可以在项目列表中直接打开;

    如果重新创建项目,选择一个非空目录,那么这个非空目录中需要有 project.config.json 详情,确保这个文件中有以下字段:

    {
      "miniprogramRoot": "./miniprogram",
      "pluginRoot": "./plugin",
      "compileType": "plugin"
    }
    

    在项目开发期间,可以手动修改 project.config.json 文件的 compileType 字段来切换项目的编译类型。

    插件上传

     

    提交版本审核

    插件发布前需要提交微信小程序团队审核,审核通过后才可发布。

    提交审核时,插件开发者需要填写以下信息:插件服务类目、标签及功能描述。

    插件服务类目:插件可从当前小程序已通过的服务类目中选择一个。已开放类目表格见插件开放范围及类目

    标签:请填写与插件提供的服务相关的标签

    功能描述:为便于审核团队体验及审核插件功能,请开发者填写基本介绍及插件的使用说明。

    版本发布

    插件审核通过后,可在管理后台操作发布。插件发布后才可以被其他小程序搜索并添加。

    插件支持多个线上版本同时存在。

    使用申请管理

    小程序使用插件需要经过插件开发者的同意。

    开发者可在”小程序管理后台-小程序插件-申请管理“内处理插件的接入申请。插件开发者可在24小时内选择”通过“或”拒绝“申请方使用插件。

     

    二 . 使用插件

     

    小程序开发者可便捷地把插件添加到自己的小程序内,丰富小程序的服务。当用户在使用小程序时,将可以在小程序内使用插件提供的服务。

    开放范围

    所有小程序

    接入流程

    1. 在小程序管理后台添加插件

      小程序开发者可在”小程序管理后台-设置-第三方服务-插件管理“中,根据AppID查找需要的插件,并申请使用。插件开发者在24小时内通过后,小程序开发者可在小程序内使用该插件。

    2. 在小程序代码中使用插件

    申请使用插件

    在使用插件前,首先要在小程序管理后台的“设置-第三方服务-插件管理”中添加插件。开发者可登录小程序管理后台,通过 appId 查找插件并添加。插件开发者通过申请后,方可在小程序中使用相应的插件。

    引入插件代码包

    对于插件的使用者,使用插件前要在 app.json 中声明需要使用的插件,例如:

    {
      "plugins": {
        "myPlugin": {
          "version": "1.0.0",
          "provider": "wxxxxxxxxxxxxxxxxx"
        }
      }
    }
    

    如上例所示, plugins 定义段中可以包含多个插件声明,每个插件声明中都必须指明插件的 appid 和需要使用的版本号。

    使用插件的 js 接口

    在引入插件代码包之后,就可以在这个小程序中使用插件提供的自定义组件或者 js 接口。

    如果需要使用插件的 js 接口,可以使用 requirePlugin 方法:

    var myPluginInterface = requirePlugin('myPlugin')
    
    myPluginInterface.hello()
    

    使用插件的自定义组件

    使用插件提供的自定义组件,和使用普通自定义组件的方式相仿。在 json 文件定义需要引入的自定义组件时,使用 plugin:// 协议即可,例如:

    {
      "usingComponents": {
        "hello-component": "plugin://myPlugin/hello-component"
      }
    }
    

    出于对插件的保护,插件提供的自定义组件在使用上有一定的限制:

    • 页面中的 this.selectComponent 接口无法获得插件的自定义组件实例对象;
    • wx.createSelectorQuery 等接口的 >>> 选择器无法选入插件内部。

     

    展开全文
  • 继上次 手把手教你实现微信小程序中的自定义组件 已经有一段时间了(不了解的小伙伴建议去看看,因为插件内容跟组件相似),今年3月13日,小程序新增了 小程序**「插件」 功能,以及开发者工具新增 「代码...

    继上次 手把手教你实现微信小程序中的自定义组件 已经有一段时间了(不了解的小伙伴建议去看看,因为插件很多内容跟组件相似),今年3月13日,小程序新增了 小程序**「插件」 功能,以及开发者工具新增 「代码片段」**功能,即在小程序基础库 1.9.6 版本上,允许开发者开发插件,同时将插件提供给其它小程序使用,这无疑给开发者带来了福音,因为不同的小程序之间可以共享代码啊,这将省去不少的开发成本了~

    小程序插件接入

    小程序插件不像自定义组件那样,很方便的就可以嵌在自己的代码中了,它是需要去官网开通小程序插件功能才能使用的,详细的接入流程和文档可以阅读官方的小程序插件接入指南,当然这不是我们本篇文章的重点,本篇文章重点是教你如何开发一个微信小程序插件~

    具体实现

    建立模板

    要开发一个小程序插件,前期准备要充分,我们打开在开发者工具中,我们按照正常步骤新建一个小程序项目,并选择 「建立插件快速启动模板」 ,没有 AppID 的小伙伴我建议去官网注册一个,因为缺乏 AppID ,不仅部分功能受到限制,也不方面在真机上调试~

    项目结构

    插件项目建立完成之后,开发者工具就会自动新建一个插件项目,官网给的示例项目的结构如下:

    我们先大概了解一下~

    项目中包含了两个目录:

    • miniprogram 目录:放置的是一个小程序,该小程序是用于调试、测试插件用的。
    • plugin 目录:插件代码的存放目录,用于放置我们开发的插件

    前者就跟普通小程序一样,我们可以正常开发,后来用来插件调试、预览和审核,不同的是 app.json 和 project.config.json 里多了一些关于插件的配置而已,这些也都是官方帮你完成了,一般也不用配置,当然我们也可以根据自己的实际项目需求做对应的调整~

    plugin 插件文件夹下存放的插件的目录结构大概如下:

    • api : 接口插件文件夹,可以存放插件所需的接口
    • components : 插件提供的自定义组件文件夹, 中自定义组件可以有多个
    • index.js : 插件入口文件,可以在这里 export 一些 js 接口,供插件使用者使用
    • plugin.json : 插件的配置文件,主要说明有哪些自定义组件可以供插件外部调用,并标识哪个js文件是插件的js接口文件,默认的配置形式如下:
    {
          "publicComponents": {
            "list": "components/list/list"
          },
          "main": "index.js"
        }

    具体实现

    有些人可能纳闷了?觉得官方不是现成的示例了,为啥我还要写这篇文章呢?在我看来,官网给的示例过于简单,不足以展示插件的用法,官方给的示例中很多东西都没有涉及到,只是单纯的数据列表渲染,没有交互,这在实际开发中几乎是不存在的,大部分情况下,我们都是要通过插件的回调来进行一系列操作,本篇文章就是专门针对微信官网示例的痛点,分享一下自己的实现过程和思路~

    ok,老规矩,首先先定一个小目标,我们要实现一个省市区选择器的插件,并在点击提交按钮的时候把数据提交过去,大整效果如下图所示~

    Step1

    首先,我们在 components 组件文件中创建一个 regionPicker 文件夹,用来开发我们的省市区选择器,我们右击选择创建 component 并命名完毕后,就会产生组件的组成部分,即 .wxml、 .wxss 、 .json 、 .js 四个文件,我们为了方便,就直接采用微信自带的 picker 实现~

    代码如下:

    结构 regionPicker.wxml

    <view class='section'>
            <view class="section-title">省市区选择器</view>
            <picker mode="region" bindchange="bindRegionChange" value="{{region}}" >
                <view class="picker">
                    当前选择:{{region[0]}},{{region[1]}},{{region[2]}}
                </view>
            </picker>
        </view>

    样式 regionPicker.wxss

    .section{
            padding: 20rpx;
        }
        
        .section-title{
            font-size: 30rpx;
            line-height: 40rpx;
            text-align: center;
            color: #666;
        }
        
        .picker{
            margin: 20rpx auto;
            text-align: center;
            font-size: 30rpx;
            color: #666;
        }

    js regionPicker.js

    Component({
            properties : {
                region : {
                    type : Array ,
                    value: ['北京市', '北京市', '东城区']
                }
            },
            data: {
                
            },
            methods : {
               bindRegionChange(e){
                this.setData({
                    region: e.detail.value 
                })
            }
        })

    跟我们书写自定义组件基本相同,数据绑定在 region 字段,方法声明在 methods 对象中,关于自定义组件中 js 文件中的书写还不是很熟的小伙伴,可以看看官方 Component构造器 和 我上篇文章自定义组件开发中对其的一些介绍和理解~

    Step2

    到这里,你已经实现了一个自定义的组件,如何将其以插件的形式让其他小程序应用呢,需要配置两个地方,一个是 plugin.json ,声明我们的插件;

    plugin.json

    {
          "publicComponents": {
            "regionPicker" : "components/regionPicker/regionPicker"
          },
          "main": "index.js"
        }

    另一个是在我们需要的页面中去引入(这里是 index.wxml ),修改 index.json ,引入插件

    index.json

    {
          "usingComponents": {
            "regionPicker" : "plugin://myPlugin/regionPicker"
          }
        }

    接着页面中调用一下即可

    index.wxml

    <!--引入插件  -->
        <regionPicker />
        
        <button class='submit'>提交</button>

    现在你看到的效果基本也就是下图这样了~

    嗯,看起来功能都正常,好像也没什么问题啊~

    不对,好像又有问题了,我切换后的数据怎么传过来,我点击提交按钮的时候怎么穿我选择区域呢,确实是,我们接着看~

    Step3

    我们接下来就要解决上面的问题,首先,我们有了之前开发组件的经验,应该都知道,我们刚才是在 properties 字段中声明的 region ,那么我们当然可以对它进行修改,我们在 pages/index/index.js中的 data 字段中也声明一个 region ,不同的是我们将它的值设置为 region: ['广东省', '广州市', '海珠区'] , 再将其绑定到我们的插件上 <regionPicker region="{{region}}"/>后保存 ,我们会发现现在的插件默认值已经不是 北京市, 北京市, 东城区 , 而变成了 广东省, 广州市, 海珠区 , 这样就解决了修改插件默认值的问题,接下来就是回调事件了!

    嗯,其实回调触发也很简单,有过自定义组件开发经验的小伙伴应该早都想到了,跟自定义组件一样,我们只需要在组件 change 的时候触发回调就可以了,即我们修改 regionPicker.js 的 bindRegionChange 方法如下:

    bindRegionChange(e){
            this.setData({
                region: e.detail.value 
            })
            // 触发回调
            this.triggerEvent("changeEvent", { region: this.data.region})
        }

    我们把每次的改变值通过回调传进去,这样我们直接在 pages/index/index.wxml 中定义 <regionPicker region="{{region}}" bindchangeEvent="changeEvent" /> ,调用 pages/index/index.js 中的 changeEvent 方法即可.

    pages/index/index.js

    Page({
            data: {
                region: ['广东省', '广州市', '海珠区']
            },
            submit(){
                console.log(this.data.region)
            },
            changeEvent(e){
                console.log(e)
                this.setData({
                    region : e.detail.region
                })
            },
            onLoad(){
                
            }
        })

    这样,每次选择区域后,通过回调触发,我们就可以通过 e.detail 拿到我们想要的数据了~

    到这里,插件的数据交互传递基本没什么问题了~ 想想,我们还有什么没有用到的呢,插件的 api 接口,ok,我们接下来就看看这个怎么使用~

    Step4

    我们知道了 api 的文件夹的作用是定义插件的一些接口,我们可以定义以下几个方法:

    api.js

    let systemInfo = null;
        
        // 获取插件信息
        function getPluginInfo() {
            return {
                name : 'regionPicker' ,
                version : '1.0.0' ,
                date : '2018-04-14'
            }
        }
        
        //设置设备信息
        function setSystemInfo(value){
            systemInfo = value;
        }
        
        //获取设备信息
        function getSystemInfo(){
            return systemInfo;
        }
        
        module.exports = {
            getPluginInfo ,
            getSystemInfo ,
            setSystemInfo
        }

    后面通过 exports 把想要用的接口暴露出去~

    还记得我们之前的插件入口文件 index.js 么,现在它就要派上用场了,我们在 index.js 文件中引入我们的 api.js ,这样我们就可以在插件加载的时候对其进行一些操作,我这里只是单纯的获取了当前用户的设备信息而已:

    // 插件入口文件
    var data = require('./api/data.js')
    var api = require('./api/api.js')
    // 获取设备信息
    wx.getSystemInfo({
      success: function (res) {
        // 存数据
        api.setSystemInfo(
          {
            model: res.model,
            system: res.system
          }
        )
      },
    })
    
    module.exports = {
      getData: data.getData,
      setData: data.setData,
      getPluginInfo: api.getPluginInfo,
      getSystemInfo: api.getSystemInfo
    }



    后面我们还看到了 exports 了两个方法 getPluginInfo 和 getSystemInfo ,这里暴露出去的方法是方面在插件外部使用,给插件调用者提供接口~

    Step5

    我们引入插件后,如何调用插件的接口呢?

    其实也很简单,我们只需要在对应的 js 文件中( 这里是 pages/index/index.js )通过 var plugin = requirePlugin("myPlugin") 引入插件后就可获得对应的接口。

    现在在页面 onLoad 的时候我们打印一下 plugin ,控制台输出如下内容:

    onLoad : function (){
    console.log(plugin);
    }


    看到 plugin 的内容刚好就是我们之前在 index.js 中通过 exports 暴露出去的接口,我们调用试试看~

    var PluginInfo = plugin.getPluginInfo()
    console.log(PluginInfo);

    返回如下内容:


    接口数据也能完美的获取,棒棒哒~

    插件demo:https://github.com/SongXiaoLu/-demo-.git

    展开全文
  • 3月13日晚间消息,微信公众平台公众号发布公告,小程序将开放插件功能。 “ 插件是可被添加到小程序内直接使用的功能组件。...” 01—开发者可开发小程序插件 开发者可以像开发小程序一样开发插件,提供给其...

      3月13日晚间消息,微信公众平台公众号发布公告,小程序将开放插件功能。

    小程序.jpg

       “ 插件是可被添加到小程序内直接使用的功能组件。开发者可以像开发小程序一样开发一个插件,供其他小程序使用。同时,小程序开发者可直接在小程序内使用插件为用户提供服务,无需重复开发。开发者工具新增“代码片段”功能,便于开发者交流开发经验。”

    小程序插件1.jpg

      01—开发者可开发小程序插件

      开发者可以像开发小程序一样开发一个插件,提供给其他小程序使用。

    小程序插件2.jpg

         如何创建插件项目?

      小程序的 AppID 可以创建小程序插件项目,插件是独立于小程序之外的,但是 AppID 是公用的,所以不要使用原有的小程序项目进行插件开发。 在创建项目页面,选择一个空文件夹作为项目路径,可以选择创建小程序插件快速启动模板。

       创建插件项目.png

      详见《小程序插件接入指南》、《小程序插件开发文档》

      02—小程序可使用插件

      小程序开发者可便捷地把插件添加到自己的小程序内,无需重复开发。当用户进入小程序时,可直接使用小程序内插件提供的服务。

    小程序插件3.jpg

        详见《小程序插件开发文档》

      小程序插件功能的开放,让小程序拥有了这些新优势:

      1、丰富小程序功能:可直接拿别人优秀的插件,给自己的小程序用。并且,插件是通用的,任何想用的企业都能申请使用。

      2、不占小程序开发包内存:这个插件是在微信公共服务器上的。

      3、节约开发成本:小程序开发周期缩短,灵活性增强。

      “插件功能”将带动小程序生态发展

      对于小程序来说,插件功能是微信生态里的全新领域。未来或许就会出现这些商业模式:将会衍生出很多第三方小程序插件商城,并且还推出小程序排行榜,行业白皮书等等;出现收费插件;功能过于单一的小程序转型成插件:比如图文识别类小程序这种纯工具类小程序本身没有流量转化功能,如果转型成插件,供电商类小程序使用,则是双赢模式。

      03—开发者工具新增“代码片段”功能

      代码片段是一种可分享的小程序项目,可用于分享小程序和小游戏的开发经验、展示组件和 API 的使用、复现开发问题等等。开发者可生成项目链接让他人在开发者工具中导入和运行小程序代码,便于开发者之间分享小程序开发经验、学习小程序教程、反馈 bug 等。同时还能提升小程序开发者社区的活跃度。

        小程序插件4.jpg

      如何创建代码片段?

      在工具选择项目的界面中,右侧可以选择代码片段页卡,查看所有本地代码片段,在右下角可以点击创建代码片段。

        代码片段项目.jpg

      详细使用说明请查看《代码片段说明文档》

      需要注意的是:

      插件开发者开放范围:企业、媒体、政府及其他组织主体的小程序。

      插件小程序具体可开发类目如下:

      timg.jpg

      以上为当前已开放的插件服务类目,将逐步开放更多类目。

      审核要求:

      插件发布前需要提交微信小程序团队审核,审核通过后才可发布。

      提交审核时,插件开发者需填:插件服务类目、标签及功能描述。

      功能描述:为便于审核团队体验及审核插件功能,开发者需填写基本介绍及使用说明。

      插件使用者所有小程序能使用插件!

      小程序开发者,只需要“小猪CMS小程序管理后台-设置-第三方服务-插件管理”根据AppID查找需要的插件,并申请使用。插件开发者在24小时内通过后,小程序开发者可在小程序内使用该插件。并且,插件暂不支持在体验版本中体验。

     

    展开全文
  • 微信小程序一次获取多个formid插件,实现主动推送多次消息 版本号:1.0.0 作者:chen-yt github: https://github.com/chen-yt/wx_more_formid 截图 顺便一提 安卓的formid是js时间戳 ; iOS的formid是加密的字符...
  • 我自己开发的dedecms织梦小程序插件万能api接口,无需有php或sql基础,不需要依赖任何第三方网站授权,后台一键安装,支持gbk和utf版 dedecms小程序插件目前主要的功能有: (1)网站栏目调用:可以调用任意栏目、...
  • 上期,我们在《「微信同声传译」小程序插件:快速实现语音转文字、文本翻译、语音合成等能力》一文中介绍了「微信同声传译」小程序插件的意义、作用以及应用。而在此之前,我们还介绍过「腾讯地图」、「腾讯视频」、...
  • 初探小程序插件

    千次阅读 2018-03-16 11:23:25
    周二晚上的一个小程序新功能发布了-【小程序插件】,一开始以为是小程序发布了类似npm的组件管理工具,可以供开发者方便的使用其他人提供的组件,然后就将最近做的一个功能改成插件提交审核【生成分享海报的插件...
  • 「初探」小程序插件功能

    万次阅读 2018-03-28 17:39:36
    「初探」小程序插件功能3月13日,小程序发布了新功能—— 小程序插件。即,在小程序基础库 1.9.6 版本上,允许开发者开发插件,同时将插件提供给其它小程序使用。微信小程序在构建自己生态的征程上,又迈进了一步~~...
  • 正式开始使用微信同声传译小程序插件之前需先在微信公众平台 -> 第三方设置 -> 插件管理处添加插件,如下图所示: 二、在uni-app中引入插件代码: 注意在使用uni-app开发微信小程序时与直接会用微信网页...
  • 上期,我们在《「腾讯视频」微信小程序插件介绍》一文中介绍了「腾讯视频」小程序插件的意义、使用场景以及使用方法。 今天我们会与大家分享一款同样优秀的小程序插件——「腾讯地图」插件,从使用场景到使用方法,...
  • 网上有很的dedecms的小程序插件,但是有的依赖他们第三方、有的需要一定php或sql基础、有的插件免费但是小程序源码价格昂贵,这也是促使我开发dedecms小程序插件的一大原因。 dedecms小程序插件,让你无需有php...
  • 小程序——腾讯地图插件

    万次阅读 2018-06-19 16:43:10
    今天跟大家聊一下微信小程序推出的腾讯地图插件的使用,话不说,先上图小程序推出这个插件的主要目的是:“向用户展示从A到B的路线”,开发文档给出了两种使用场景:1,收到小程序的婚礼请柬,但是请柬上的地址找...
  • 小程序日历插件的使用

    千次阅读 2018-12-11 16:53:03
    最近我们产品给我提的需求就有那么一条,让我在小程序中写一日历出来,还要求需要在点击对应的某一天的时候,日历下方展示出对应的数据等。然后根绝产品需求的催动,我就去查了一下怎么实现,果然就又学...
  • 微信小程序开发(十二)富文本插件wxParse的使用

    万次阅读 热门讨论 2017-07-04 09:31:46
    昨天一位网友问我小程序怎么解析富文本。他尝试过把html转出小程序的组件,但是还是不成功,我说可以把内容剥离出来。但是这两种方法都是不行了。后来找到了wxParse-微信小程序富文本解析组件。特性 支持特性 实验...
  • 小程序图片预览裁剪插件

    千次阅读 2018-02-06 15:56:58
    因为小程序并不支持原生的dom操作,导致很现有的插件都无法使用,所以花了半天专门做了一个小程序的预览裁剪插件。下面贴上代码和效果图。 wxml: 确定 取消  注意:canvas里面一定要用cover-...
  • 27 提升开发幸福度的 VsCode 插件

    万次阅读 多人点赞 2019-11-20 07:30:00
    Visual Studio Code(也称为VSCode)是一种轻量级但功能强大的跨平台源代码编辑器, 借助对TypeScript 和Chrome调试器等开发工具的内置支持,越来越开发都都喜欢使用它。 如果你正在寻找更的好用的 VsCode ...
  • 小程序如何添加视频插件,插入视频 各位小伙伴,需要在小程序中插入腾讯视频,详细步骤如下: 第一步:打开微信公众平台 依次选择:设置——第三方服务——添加插件——腾讯视频 注意:添加后保存该插件的...
  • 作为移动端的程序员肯定很熟悉这么一概念,那就是开源库,尤其是 Android 开发的时候使用 gradle 远程依赖开源库,没错,微信小程序插件就是相当于远程的开源库,统一写完插件上传到微信上,就像我们写完开源库,...
  • 关于微信小程序日历插件的使用及步骤 在微信小程序管理后台——设置——第三方服务,按 AppID(wx92c68dae5a8bb046)搜索到该插件并申请授权。 在当前小程序的app.json文件中配置插件信息 然后在使用该插件的json...
  • Qt中开发个插件程序的简单探索

    千次阅读 2019-07-23 23:13:42
    在前一篇博客c++中的反射机制与插件式编程中解决了c++中反射机制的“简化版本”,现在更进一步地我尝试在Qt中做一个插件系统的demo,也算是自己下一步的一试探。 ...
  • 微信小程序wxParse插件图片宽高自定义设置优化

    千次阅读 热门讨论 2018-07-13 17:11:44
    在使用wxParse(version 0.3)微信小程序插件过程中,当原文内容包含图片时,wxParse对图片的转换将通过wxml中image标签的bindload事件获取图片的存储本身的宽高尺寸,进而判断该宽度与屏幕(窗口)宽度的大小,将...
  • 小程序发展到了今天,已经开放出了太的利好消息,API 也已经非常丰富和完善了。但是开发小程序,很时候非常繁琐,这个原因是小程序的架构,编写...WePY是腾讯开源的一个小程序开发框架,注意,是腾讯开源的。We...
  • 目前很微信小程序都具备地图查看的功能,那么对于在微信小程序中如何实现地图插件的调用方法,可能很初学小程序开发的技术人员还存在很疑问,那么下面就来跟大家详细解答一下。  首先肯定是借助小程序自带的...
  • 【CSDN插件测评】效率增倍,程序开发必备插件

    千次阅读 多人点赞 2021-01-08 14:28:56
    在测评活动最后一天写这篇测评,CSDN最近推出的这Chrome浏览器插件:简洁方便,免费去广告,一键搜索和直达,搜索效率极大提升,是一款既有颜值又有料的程序猿必备插件。先分享一实际使用场景图,看看CSDN插件的...
  • 目录1.开场白2.安装3.主要用法3.1启动/切换Troll编辑器3.2编辑视图切换切换到Troll编辑切换到...今天向大家推荐一微信小程序开发辅助工具Troll For Wxml,这是一VSCode插件。 Troll工具的主要优点: 能够把.w...
  • 微信小程序开发-校园网小程序开发步骤

    千次阅读 多人点赞 2017-07-24 09:54:21
    高考完毕,想必广大学子和家长们都在忙着查询各所高校的信息,刚好上手微信小程序,当练手也当为自己的学校做点宣传,便当即撸了一校园网微信小程序
  • 微信小程序直播开发

    万次阅读 多人点赞 2018-05-31 15:15:28
    大家有没有发现,小程序直播的方式在我们身边的会议、客户服务、约会中应用得越来越……看到这些,不少开发者就着急了:怎样才能开发出例如小程序直播、小程序在线语音客服、小程序视频会议等等服务?其实,这些玩...
  • 上期,我们在《「医院 LBS 位置服务」插件:输出LBS室内位置能力,为改善就医服务提供解决方案》一文中介绍了「医院 LBS 位置服务」小程序插件的意义、使用场景以及使用方法。 今天我们为大家推荐的插件是「微信同声...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 286,262
精华内容 114,504
关键字:

如何开发多个小程序插件