webapp 调用微信录音api_webapp调用微信登录 - CSDN
精华内容
参与话题
  • 因为公司项目是一套基于微信公众平台的webapp项目,故多处需要调取微信接口完成支付,拍照,本地图册以及录音功能接口,自己也翻了很多文档,看了很多博客,但是也会有很多坑,所以整理下自己在做的时候的思路,希望...

    因为公司项目是一套基于微信公众平台的webapp项目,故多处需要调取微信接口完成支付,拍照,本地图册以及录音功能接口,自己也翻了很多文档,看了很多博客,但是也会有很多坑,所以整理下自己在做的时候的思路,希望以后能用到。

    首先要做的是你的公众号要在微信上申请收付款的功能等,重中之重。

    引入微信sdk:

    cdn引入:

    直接在vue项目的一级目录中的index.html中引入微信sdk的js文件

    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js" type="text/javascript"></script>

    npm 安装微信sdk模块

    安装命令:

    npm install weixin-js-sdk --save-dev

    然后在main.js中全局配置,也可以在单页面中局部配置

    import wx from 'weixin-js-sdk';
    
    //或者
    
    import wx from 'weixin-js-sdk';
    Vue.prototype.wx = wx

    配置微信接口

    使用"WeixinJSBridgeReady"在页面中拉起微信支付(不需要通过config接口注入权限验证配置,直接调用方法就可以在页面上拉起支付)

    // 拉起微信支付的关键
        onBridgeReady: function(data) {
          WeixinJSBridge.invoke(
            "getBrandWCPayRequest",
            {
              appId: data.appId, //公众号名称,由商户传入
              timeStamp: data.timeStamp, //时间戳,自1970年以来的秒数
              nonceStr: data.nonceStr, //随机串
              package: data.package,
              signType: data.signType, //微信签名方式:
              paySign: data.sign //微信签名
            },
            function(res) {
              if (res.err_msg == "get_brand_wcpay_request:ok") {
                alert("支付成功");
              }
              if (res.err_msg == "get_brand_wcpay_request:cancel") {
                alert("交易取消");
              }
              if (res.err_msg == "get_brand_wcpay_request:fail") {
                alert("支付失败");
              }
            }
          );
        }
        
    // 检测
    if (typeof WeixinJSBridge == "undefined") {
        if (document.addEventListener) {
            document.addEventListener("WeixinJSBridgeReady", this.onBridgeReady(weChatPayData), false);
        } else if (document.attachEvent) {
            document.attachEvent("WeixinJSBridgeReady", this.onBridgeReady(weChatPayData));
            document.attachEvent("onWeixinJSBridgeReady", this.onBridgeReady(weChatPayData));
          }
        } else {
           this.onBridgeReady(weChatPayData);
        }
    } else {
        alert("登录超时,请重新登录!");
    }
    

     

    使用wx.config的依赖注入:

    wx.config({
        beta: false,  //开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
        debug: false, //是否开启调试模式,会自动弹一些消息框显示微信返回的数据
        appId: data.appId, //让后台返回appid
        timestamp: data.timestamp, //让后台返回生成证书时用的时间戳
        nonceStr: data.nonceStr, //让后台返回生成证书时用的随机串
        signature: data.signature, //让后台返回已当前URL地址生成的证书
        jsApiList: [
            "chooseImage",//选择图片
            "previewImage",//预览图片
            "uploadImage",//图片上传到微信服务器
            "downloadImage",//下载微信服务器上的图片
            "scanQRCode",//微信扫一扫
            "startRecord",//开始录音
            "stopRecord",//停止录音
            "playVoice",//开始播放录音,建议使用,音量会稍大一些
            "pauseVoice",//暂停播放录音
            "stopVoice",//停止播放录音
            "uploadVoice",//上传录音
            "downloadVoice",//下载录音
            "onVoicePlayEnd"//监听录音播放停止 
        ]
    });
    wx.ready(function() {
        // console.log("Msg:配置成功!");
    });
    wx.error(function() {
        // console.log("ErrMsg:配置失败!");
    });

    然后下面就是需要用到的方法

    export default {
      data() {
        return {
          //通过config接口注入权限验证配置
          START: null,
          END: null,
          recordTime: 0,
          recordTimer: null,
          // 保存微信服务器上的图片地址
          mediaId: "",
        }
      },
    methods: {
        // 获取服务器上的图片
        downloadImage: function(e) {
        //注意,这里需要将this实例化,有时调用this实例中的方法会报undefined
          let _this = this;
          wx.downloadImage({
            serverId: e.mediaId, // 需要下载的图片的服务器端ID,由uploadImage接口获得
            isShowProgressTips: 1, // 默认为1,显示进度提示
            success: function(res) {
              // var localId = res.localId; // 返回图片下载后的本地ID
              var localData = res.localData; // localData是图片的base64数据,可以用img标签显示
              localData = localData.replace("jgp", "jpeg"); //iOS 系统里面得到的数据,类型为 image/jgp,因此需要替换一下
            },
            fail: function(error) {
              alert(error);
            }
          });
        },
        //上传图片接口
        wxuploadImage: function(e) {
          //注意,这里需要将this实例化,有时调用this实例中的方法会报undefined
          let _this = this;
          //同上,实例化this.$route.query,否则会报query为undefined
          let _query = this.$route.query;
          wx.uploadImage({
            localId: e, // 需要上传的图片的本地ID,由chooseImage接口获得
            isShowProgressTips: 1, // 默认为1,显示进度提示
            success: function(res) {
              console.log(
                "图片已上传到微信服务器,返回的数据为 : " + JSON.stringify(res)
              );
              //_this.mediaId = res.serverId; // 返回图片的服务器端ID
    
              // 在这里把上传到微信服务器的图片的地址传给后台,根据自己实际项目,也可以在其他位置上传
              //不要直接使用this.axios.post,会报post不是一个方法
              _this.axios
                .post("/api/chatLog", {
                  messageContent: res.serverId,
                  messageType: 2, //图片
                })
                .then(
                  function(result) {
                    console.log(result.data.data);
                  }.bind(this)
                )
                .catch(function(error) {
                  console.log(error);
                  alert(error);
                });
    
              _this.downloadImage(res);
            },
            fail: function(error) {
              picPath = "";
              localIds = "";
              alert(JSON.stringify(error));
            }
          });
        },
        //这里调用微信的接口拍照
        userCamera: function() {
          event.preventDefault();
          let _this = this;
          //通过ready接口处理成功验证
          // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后
          //拍照或从手机相册中选图接口
          wx.chooseImage({
            count: 1,//设置图片的数量,按自己需求更改
            needResult: 1,
            sizeType: ["original", "compressed"], // 可以指定是原图还是压缩图,默认二者都有
            sourceType: ["camera"], // 可以指定来源是相机,或者是本地相册,我这里是分开写的
            //sourceType: ["camera","album"],//合起来的写法
            success: function(data) {
                //因为在前面我是设置的只能传一张图片,如选择多张,返回的图片本地id则是一个数组
             var localIds = data.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
              _this.wxuploadImage(localIds);
            },
            fail: function(res) {
              alterShowMessage(
                "操作提示",
                JSON.stringify(res),
                "1",
                "确定",
                "",
                "",
                ""
              );
            }
          });
        },
        //<----------------------------------------------------微信音频分割线------------------------------------------------------------------------->
        //微信录音的接口
    
        // 开始录音
        wxStartRecord: function() {
          this.openRecordBtn = true;
          event.preventDefault();
          // 开启录音
          this.START = new Date().getTime();
          wx.startRecord({
            success: function() {
              localStorage.rainAllowRecord = "true";
              //console.log('成功调起录音')
              this.recordTimer = setInterval(() => {
                this.recordTime++;
              }, 1000);
            },
            cancel: function() {
              localStorage.rainAllowRecord = "false";
              alert("用户拒绝授权录音");
            }
          });
        },
        // 结束录音
        wxEndRecord: function() {
          this.openRecordBtn = false;
          event.preventDefault();
          let _this = this;
          // 结束录音
          this.END = new Date().getTime();
    
          if (this.END - this.START < 300) {
            this.END = 0;
            this.START = 0;
            //小于300ms,不录音
            alert("时间太短了,请重新录音!");
            clearInterval(this.recordTimer);
          } else {
            wx.stopRecord({
              success: function(res) {
                alert(res.localId);
                //暂停成功
                var localId = res.localId;
                _this.uploadVoice(localId);
                clearInterval(this.recordTimer);
              },
              fail: function(res) {
                alert("Errmsg:" + res);
              }
            });
          }
        },
        //上传录音
        uploadVoice: function(e) {
          let _this = this;
          let _query = this.$route.query;
          //调用微信的上传录音接口把本地录音先上传到微信的服务器
          //不过,微信只保留3天,而我们需要长期保存,我们需要把资源从微信服务器下载到自己的服务器
          wx.uploadVoice({
            localId: e, // 需要上传的音频的本地ID,由stopRecord接口获得
            isShowProgressTips: 1, // 默认为1,显示进度提示
            success: function(res) {
              //把录音在微信服务器上的id(res.serverId)发送到自己的服务器供下载。
              _this.axios
                .post("/api/chatLog", {
                  messageContent: res.serverId,
                  messageType: 1, //音频
                })
                .then(
                  function(result) {
                      console.log(result.data.data);
                  }.bind(this)
                )
                .catch(function(error) {
                  console.log(error);
                  alert(error);
                });
    
              _this.downloadVoice(res.serverId);
            }
          });
        },
        // 下载录音
        downloadVoice: function(e) {
          wx.downloadVoice({
            serverId: e, // 需要下载的音频的服务器端ID,由uploadVoice接口获得
            isShowProgressTips: 0, // 默认为1,显示进度提示
            success: function(res) {
              // var localId2 = res.localId; // 返回音频的本地ID
              console.log("已经下载了该音频" + JSON.stringify(res.localId));
            }
          });
        }
    }

     

    展开全文
  • 微信小程序和PWA对比分析

    万次阅读 2017-03-21 12:58:00
    微信小程序和PWA对比分析导语 微信小程序和PWA(Progressive Web App)是目前移动端以及前端受关注度较高的两项技术。小程序自去年公测以来,国内很多公司均投入到小程序的开发中,今日头条、携程、摩拜单车等小...

    微信小程序和PWA对比分析


    微信小程序和PWA(Progressive Web App)是目前移动端以及前端受关注度较高的两项技术。小程序自去年公测以来,国内很多公司均投入到小程序的开发中,今日头条、携程、摩拜单车等小程序纷纷在第一时间发布。从实际效果来看,小程序的用户体验普遍受到了好评,并且它可以在微信上安装、卸载和离线使用。PWA则是在传统Web应用的基础上,通过完善Web应用的一些能力,比如离线使用、后台加载、添加到主屏和消息推送等,达到用户体验提升和性能优化。两者的达到的效果相似,但实现技术上略有不同。

    小程序剖析(Android)

    张小龙在朋友圈披露其对小程序的定义:小程序是一个不需要下载安装就可使用的应用,它实现了应用触手可及的梦想,用户扫一扫或者搜一下即可打开应用。也体现了用完即走的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。从字面上看小程序具有类似Web应用的热部署能力,在功能上又接近于原生APP。

    界面分析

    小程序主界面结构

    小程序采用Web-Native混合方案。WebView渲染基本网页内容,部分块级元素如地图、视频、底部导航栏等由Native View渲染。如图所示,在Android开发者模式中打开显示布局边界选项,可以在小程序中看到所有的Native View被框线分割,而显示主体内容是一块完整的WebView。
    WebView的内容通过Chrome浏览器的Inspect功能可以查看到相应的网页元素结构,代码如下图所示。

    dom结构

    对多个小程序Inspect后,我们发现页面结构代码基本相同,分为以下几部分,对应图上的区域:
    - 基础样式库
    - 业务逻辑代码
    - 用户自定义样式库
    - 页面Dom结构

    网页运行机制

    小程序是Web和Native混合方案。对于Native模块的性能我们没有疑问,这里主要分析下Web性能是如果实现优化。
    通过相应的抓包过程发现,每个小程序对应一个wxapkg文件,wxapkg包含小程序配置文件和已经组装好了的page-frame.html。小程序下载后,访问相应小程序,微信会解压wxapkg文件,并结合Native View展示 page-frame.html。
    作为性能上重要的优化点,这里我们主要调研一下小程序网页的部分。以今日头条小程序为例,打开微信内核的调试模式,通过Chrome浏览器进行查看。

    这里写图片描述

    当打开今日头条后,在Chrome浏览器调试界面出现两个WebView,其中的一个WebView进行Inspect发现是当前看到小程序的页面。另一个WebView进行Inspect发现是个空白页面。

    这里写图片描述

    当点击第一条资讯后,WebView多了一个,资讯列表的WebView仍然在运行,并且界面不变。原先空白的WebView界面则加载了第一条资讯的详情,而新增加的WebView则是空白的页面。

    这里写图片描述

    当我们在资讯详情页回退到列表页时,总共两个WebView,列表页WebView显示相应的资讯列表,另一个WebView为空。
    从以上的过程可以看到:
    - 一个WebView只对应一个用户界面。
    - 在打开当前页面后,小程序会提前新建一个WebView并进行初始化。
    - 页面跳转不再是一个WebView内部的跳转,而是上升到Native View层次上的转换。
    - 页面跳转时,小程序直接用初始化好的WebView进行页面展示,提高加载速度。

    开发规范

    下图是小程序的开发项目目录结构图。

    这里写图片描述

    从目录结构上看,这很类似于一个H5的WebApp,有样式库、页面结构和业务逻辑。开发目录结构与模块和路由结构相呼应。
    从规范角度讲,我们从以下几点进行分析,探索相关开发规范制定的合理性。
    - 基础组件
    不同于传统Web网页开发,小程序开发可以使用的标签不再是

    等,而是小程序限定的标签,按照功能与传统Web标签对应如下。

    这里写图片描述

    从界面分析那一节我们已经知道,除了媒体、地图等部分组件是原生组件,大部分组件还是网页元素,而且小程序界面最终的Dom结构也是自定义标签元素,如。

    这里写图片描述

    作为小程序开发者,只需要写一个。虚线部分为小程序内置的样式库,就可以实现与右边等价的HTML和CSS写法,这样开发者默认开发就相当于使用了微信的一套样式库。
    CSS决定了界面的多样性,但由于浏览器内核的历史性和多样性,同样的一套CSS在不同平台上会带来一定程度的兼容性和性能问题。而微信小程序由于其平台的固定性,可以着力于完善基于固定平台的最优CSS样式库。用户采用基础组件开发,自然地继承了相应CSS的最优性能。
    - 禁用浏览器Dom API
    开发者不支持使用标准的Dom API开发网页,最后的渲染工作由微信端的JS库进行操作。而微信小程序采用Virtual Dom,可以减少重绘和重排的次数,提高了页面的性能。

    这里写图片描述

    如果Dom API暴露给用户,虽然界面的交互和操作上更丰富,但开发者对于Dom操作的随意性反而会降低页面的性能。
    - 部分原生能力的API使用
    微信小程序整体架构类似Hybrid架构。为了弥补Web规范和功能的局限,小程序对于原生一些功能的调用进行了JS层面的封装。

    这里写图片描述

    一方面,对于原生组件支持,例如视频、地图等组件,传统Web在性能上是无法与原生组件相媲美的,小程序通过组件方式进行调用。
    另一方面,对于原生功能支持,例如文件上传下载、缓存、网络请求WebSocket、录音等功能,小程序通过JS函数的方式进行调用。

    总之,微信小程序结合了各种优化策略。在Web层面上虚拟Dom、高性能CSS样式库,原生层面上有WebView预加载,原生模块覆盖等。虽然在开发上建立了一定的限制,但带来了整体性能上的提升。
    这里我们对微信小程序从技术层面和产品层面进行了汇总,如下图所示。

    这里写图片描述

    这里写图片描述

    PWA

    (P)rogressive (W)eb (A)pps


    渐进式的Web应用,WebApp大家都熟悉,那什么叫渐进式,前端的同学都了解一些概念比如” 渐进增强“ ,即在不影响主要功能的情况下,使用一些高级的CSS和JavaScript特性来提高性能或者开发效率的开发方式,PWA的P和这个想法有些类似——我可以按照常规标准来开发一个WebApp,PWA主推的能力:离线,推送,桌面访问这三个能力,本身来说都不属于一个传统WebApp的一部分,所以不会影响的主要功能的开发,而这些PWA的部分都可以在开发完这个WebApp之后单独添加。所以这就是优雅的渐进式WebApp。

    ServcieWorker

    在说PWA之前必须先简要PWA的核心——ServcieWorker, PWA的所提及到的所有功能都是围绕着ServcieWorker来展开,那什么是ServcieWorker:详细的解释请参照MDN或者Google Developer上面给出解释,这里先给一个大致的总结,ServiceWorker是一个单独的后台线程,不依赖于某一个WebView,它是一个Proxy,用于监听以及管理服务的请求以及返回。首先我们看一下ServiceWorker兼容性。

    这里写图片描述

    运行机制

    ServiceWorker是运行在单独线程,在浏览器进程退出之后,ServiceWorker线程也会关闭。再次打开浏览器之后,可以通过Wake Up机制唤醒ServiceWorker线程。
    PWA网页和浏览器生命周期一致,浏览器进程杀掉网页也销毁了。ServiceWorker进程在网页关闭后,如果内存足够,也不会被销毁。

    这里写图片描述

    PWA给用户带来的最大好处——优化用户体验

    这里写图片描述

    缓存机制:ServiceWorker + CacheStorage

    这里写图片描述
    在这之前所有的离线功能是交给Application Cache和IndexedDB,IndexedDB是一个优秀的API,但是Application Cache自诞生初期就被吐槽,其对于缓存的控制不灵活一直为人所诟病,所以更多用户选择,将静态资源响应头的max-age和expire字段设置成最大,使得缓存用不过期来达到离线效果。但是自从有了CacheStorage之后,“麻麻再也不用担心控制缓存的能力了”。因为CacheStorage + ServcieWorker简直就是控制缓存的最佳组合,CacheStorage 可以将静态资源批量或者单个导入,在ServcieWorker中对指定地址的静态资源进行监听,当ServcieWorker接收fetch事件时,开发者可以按照具体的业务需求,来制定是否使用或者如何使用缓存的策略。具体实现可以参考下图。
    这里写图片描述

    推送通知:Push + Notification

    Notification和Push功能是绑定使用的,这里着重讲一下通知功能,首先是兼容性:
    这里写图片描述

    在最新的规范中以及不提倡使用New Notification()的方式了,改由ServcieWorker来接管,没错!又是ServiceWorker,请看下图:

    这里写图片描述

    小贴士:开发者可以在inspector下使用模拟推送来调试通知功能

    推送是一个很有价值接口,并且依赖于ServcieWorker线程,所以是否能够推送成功,全都仰仗ServiceWorker线程是否存在,之前曾经提到过,ServcieWorker是运行在单独线程,在浏览器线程退出之后,ServcieWorker线程也会关闭,ServcieWorker线程在网页关闭后,如果内存足够,也不会被销毁。

    桌面访问:ServcieWorker + Web App Manifest

    这个功能有可能是三个功能中表面上看起来最酷炫的一个功能,首先来看一下兼容性
    这里写图片描述
    添加桌面图标,这个功能就算没有PWA也是可以实现的,但是目前添加桌面图标指示简单的打开网页而已,在获得HTML、JavaScript和CSS之前,页面将会呈现一段时间的空白时间,但是WebApp Manifest功能可以在这一空白时间内补上一开屏画面,从而提高用户等待期间的体验。目前该功能还是比较简陋的,对于一些稍微高级一点的需求就无法支持了,比如背景图片,动画。具体支持的定制能力请参照下图:

    这里写图片描述

    展望一下PWA

    PWA所提供的离线访问、桌面访问、通知推送功能将原本只能通过浏览器逐级切换的在线网页体验推向了可离线访问的类Native App体验,并且提供了Web Push和Notification API,将原本只能够由Native应用才能做的事情转变为Web应用一样能够使用,配合渲染性能更加强劲的内核渲染引擎,在渲染性能上拉近与Native应用的距离,另外两大搜索巨头Google和百度对于PWA都寄予厚望,对于前端开发者来说很有理由相信OpenWeb的明天是很灿烂的。

    结语

    这里写图片描述
    正如上文所述,两者主要都是基于Web技术,都是为了用户体验的优化,只不过实现原理不太相同:
    小程序类似传统的Hybrid架构,对渲染性能要求较高的组件,通过Native 组件来实现,以弥补传统Web页面性能上的不足。另外传统Web无法访问的本地能力,需要通过JSSDK来实现。而PWA是Web能力的增强,通过提供更多的接口和规范可以让Web应用更接近Native应用。

    展开全文
  • 微信小程序源码案例大全

    千次阅读 2018-08-21 16:18:41
    微信小程序demo:足球,赛事分析 小程序简易导航 小程序demo:办公审批 小程序Demo:电魔方 小程序demo:借阅伴侣 微信小程序demo:投票 微信小程序demo:健康生活 小程序demo:文章列表demo 微商城(含微信...

    微信小程序demo:足球,赛事分析

    小程序简易导航

    小程序demo:办公审批

    小程序Demo:电魔方

    小程序demo:借阅伴侣

    微信小程序demo:投票

    微信小程序demo:健康生活

    小程序demo:文章列表demo

    微商城(含微信小程序)完整源码+配置指南

    微信小程序Demo:一个简单的工作系统

    微信小程序Demo:用于聚会的小程序

    微信小程序Demo:Growth 是一款专注于Web开发者成长的应用,…

    微信小程序Demo: Music-Player

    微信小程序Demo:团贷网(投资)

    微信小程序Demo:驾考宝典

    微信小程序Demo:时间安排

    微信小程序Demo:天气预报查询

    微信小程序Demo:做菜类小程序

    微信小程序Demo:应聘方页面、企业方页面

    微信小程序Demo:资讯+阅读+影视

    微信小程序Demo:实现文章阅读,电影查看(调用豆瓣api)

    微信小程序Demo:五洲商城

    wx-gesture-lock 微信小程序的手势密码

    WXCustomSwitch 微信小程序自定义 Switch 组件模板

    WeixinAppBdNovel微信小程序demo:百度小说搜索

    shitoujiandaobu小程序:石头剪刀布(附代码说明)

    audiodemo微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义

    star微信小程序开发之五星评分

    switchCity微信小程序开发之城市选择器 城市切换

    huadong_del微信小程序滑动删除效果

    jianhang_menu微信小程序开发之圆形菜单 仿建行圆形菜单

    xiaoxiaoxiao_lazyload实现微信小程序图片懒加载特效

    kangaiduowei微信小程序:康爱多微商城:学习界面设计

    tianmao_dazhuanpan小程序实现大转盘 仿天猫抽奖 跑马灯效果(有图有源码)

    weapp-meirong微信小程序学习用demo推荐:美容商城;列表,预约

    baisi微信小程序仿百思不得姐

    weapp-one仿 「ONE · 一个」 的微信小程序

    netmusic-app仿网易云音乐APP的微信小程序

    a_takeaway微信小程序的外卖demo

    sideslip微信小程序『侧边栏滑动』特效

    wx_plo微信小程序之仿微信漂流瓶

    kwonWhere微信小程序-知亦行

    audiodemo微信小程序开发之视频播放 弹幕 弹幕颜色自定义

    wxChart微信小程序图标插件

    guoku微信小程序-果库

    snake微信小程序-贪吃蛇小程序

    douban_movie微信小程序-仿豆瓣电影

    RecordDemo麦克风动画

    shishanggou实现了包括常用组件,ajax获取数据,模板使用,路由等的使用,下拉刷新数据;

    jiajuzaixian家具在线-演示如何使用下拉选项

    wechat-app-ipinbb爱拼宝宝-功能非常全的电商应用

    TodayNews-wx微信小程序-今日头条

    WXNative-bpgg奔跑果果-微信小程序

    wechatapp-demo是目前我发现的,实现实用功能较多的demo,推荐大家学习研究

    weapp-MatterAssistant微信小程序-事项助手

    weapp-wymusic微信小程序 仿网易云音乐

    weapp-wechat-nearby微信小程序-仿找事吧app附近三公里

    bs精简版百思不得姐

    WXBaiSi微信小程序版 百思不得姐

    weapp-demo-breadtrip基于面包旅行 API 制作的微信小程序示例

    html-to-wxml小程序中将html内容转化成wxml可以显示的内容,方便用于小程序中显示

    kachezhijia自卡车之家,有丰富的卡车司机和物流园区的资源,所以这个小程序可以说也是他们未来工作上的一个必将实施的项目。

    WxEmojiView微信小程序Emoji展示输入组件alpha 0.1

    GankCamp-WechatAPPgank.io (干货集中营) 微信小程序 版本

    wechat-JD微信小程序仿京东首页

    wechat-turntalbe-canvas用微信小程序开发的Canvas绘制可配置的转盘抽奖。

    mangguoTv微信小应用-小程序-demo-仿芒果TV

    wxreading微信小程序跟读

    WeChatMeiZhi微信小程序版妹纸图 API from gank.io

    CountDown微信小程序倒计时组件

    weapp-github微信小程序--github

    wechat-weapp-mapdemo微信小程序开发demo-地图定位,非常简单的demo,只为了解一下微信小程序

    wechat-cnode微信小程序 cnode社区版

    weapp-newsapp微信小程序-公众号热门文章信息流

    wechat-weapp-taobao微信小程序demo 仿手机淘宝

    timer番茄时钟微信小程序版

    wechat-app-music微信小程序:音乐播放器 技术栈: redux + es7 +labrador

    fenda-mock使用微信小程序实现「分答」这款APP的基础功能

    Wa-UI针对微信小程序整合的一套UI库

    wx-query微信小程序 仿jQuery插件

    weapp-artand微信小程序 Artand

    WeiXin-SmallApps-Information微信小程序-仿今日头条

    weapp-wechat-zhihu微信中的知乎--微信小程序

    WeApp基于微信小程序开发的仿微信demo

    SmallApp微信小程序

    wechat-v2ex微信小程序-v2ex

    weipiao微信小程序-微票

    DouBanBookApp微信小程序之小豆瓣图书

    wxapp-calc一个简单的微信小程序-简易计算器

    weapp-wechat-zhihu模仿知乎的小程序

    wx-movies-demo小程序--影讯

    caiquan微信小应用,猜拳小游戏

    hayeah-wxapp-Breakfast小林早厨微信小程序

    AppleMusic微信小程序,仿Apple Music

    cnode_wechat-webapp用cnode社区api做的微信小应用

    shoppingcar一个点餐、购物的购物车效果

    wechat-weapp-mall微信小程序实现移动端商城

    SmallAppForQQ高仿手机QQ应用程序

    zhihudaily微信小程序-知乎日报

    wechat-weapp-gank微信小程序-干货投稿应用

    TeamToy调用TeamToy API 的微信小程序 Demo

    douban微信小程序(应用号)示例教程(豆瓣电影)

    微信小程序 商城demo

     

    200个微信小程序:http://www.uzzf.com/soft/270494.html

    120个微信小程序下载:http://pan.baidu.com/s/1qYDEQQC 密码: yard解压密码:www.myhaochi.com

    快速开发微信小程序: http://tg.jisuapp.cn/index.php

    分享微信小程序: https://www.sxl.cn/

    源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1105

    微信小程序精品demo:仿网易云音乐:歌单,FM,播放,评论 源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1103

    微信小程序学习demo推荐:外卖:实现类似锚点功能(2M动图) 源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1101

    微信小程序学习用demo:一元夺宝:仅有主页设计 源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1100

    微信小程序学习demo推荐:卡卡汽车:获取用户,设备信息源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1099

    微信小程序demo:仿商城源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1098

    微信小程序学习用demo:微信小闹钟:对话实现源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1096

    微信小程序demo:百度翻译;翻译API+历史翻译记录源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1074

    微信小程序学习用实用demo:简单的左滑操作和瀑布流布局 源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1071

    微信小程序学习用demo:LOOK:点击tabbar变换图标源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1064

    微信小程序demo:乐助:类似基于地理位置的到位;助人应用源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1063

    微信小程序练习demo:数据绑定条件渲染练习 源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1062

    微信小程序学习用demo:轮播图变换 源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1061

    微信小程序demo:阳淘源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1060

    微信小程序自定义组件:带未读数目的tabBar按钮源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1046

    微信小程序学习用demo推荐:聊天室+音视频+添加内容+  源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1043

    微信小程序demo:知乎日报 源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1041

    微信小程序demo:装逼神器 源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1040

    微信小程序demo:果库更新版 源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1039

    微信小程序demo:计算器源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1038

    微信小程序开发之录音机 音频播放 动画 (真机可用)源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1028

    微信小程序demo:人脸识别 源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1019

    微信小程序demo:cnode练习版源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1018

    微信小程序demo:知乎日报练习版源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1017

    微信小程序学习用demo:豆瓣电影:弹出层 源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1016

    微信小程序学习用精品demo:航空订票; 源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1015

    微信小程序精品学习demo:瀑布流布局与无限加载源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1004

    微信小程序demo:今日头条(附教程地址)源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1003

    微信小程序学习用demo推荐:蜂融网:静态页面设计 源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=997

    学习用精品demo:电影推荐:界面设计及简易图片墙源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=996

    微信小程序demo:名片盒子:静态页面源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=995

    剪刀石头布小游戏,来和小五猜拳吧(带有代码解释)源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=991

    微信小程序学习用demo:组件及API测试合集  源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=990

    微信小程序demo:宝宝起名源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=987

    微信小应用示例代码(phodal/weapp-quick)源码链接:https://github.com/phodal/weapp-quick

    微信小应用地图定位demo(giscafer/wechat-weapp-mapdemo)源码链接:https://github.com/giscafer/wechat-weapp-mapdemo

    微信小应用- 掘金主页信息流(hilongjw/weapp-gold) 源码链接:https://github.com/hilongjw/weapp-gold

    微信小程序(应用号)示例:微信小程序豆瓣电影(zce/weapp-demo) 源码链接:https://github.com/zce/weapp-demo

    微信小程序-豆瓣电影(hingsir/weapp-douban-film)源码链接:https://github.com/hingsir/weapp-douban-film

    小程序 hello world 尝鲜(kunkun12/weapp) 源码链接:https://github.com/kunkun12/weapp

    使用微信小程序开发2048游戏(sammffl/wechat-weapp-2048)源码链接:https://github.com/sammffl/wechat-weapp-2048

    微信小程序-微票(wangmingjob/weapp-weipiao)源码链接:https://github.com/wangmingjob/weapp-weipiao

    微信小程序购物车DEMO(SeptemberMaples/wechat-weapp-demo)  源码链接:https://github.com/SeptemberMaples/wechat-weapp-demo

    微信小程序V2EX(jectychen/wechat-v2ex)  源码链接:https://github.com/jectychen/wechat-v2ex

    微信小程序-知乎日报(myronliu347/wechat-app-zhihudaily) 源码链接:https://github.com/myronliu347/wechat-app-zhihudaily

    微信小程序-公众号热门文章信息流(hijiangtao/weapp-newsapp) 源码链接:https://github.com/hijiangtao/weapp-newsapp

    微信小程序版Gank客户端  https://github.com/lypeer/wechat-weapp-gank

    微信小程序集成Redux实现的Todo list  https://github.com/charleyw/wechat-weapp-redux-todos

    微信小程序-番茄时钟  https://github.com/kraaas/timer

    微信小程序项目汇总  http://javascript.ctolib.com/categories/javascript-wechat-weapp.html

    微信小程序版聊天室   https://github.com/ericzyh/wechat-chat

    微信小程序-HiApp   https://github.com/BelinChung/wxapp-hiapp

    小程序Redux绑定库   https://github.com/charleyw/wechat-weapp-redux

    微信小程序版微信  https://github.com/18380435477/WeApp

    小程序开发从布局开始  https://github.com/hardog/wechat-app-flexlayout

    微信小程序-音乐播放器  https://github.com/eyasliu/wechat-app-music

    微信小程序-简易计算器-适合入门 https://github.com/dunizb/wxapp-sCalc

    微信小程序-github   https://github.com/zhengxiaowai/weapp-github

    微信小程序-小熊の日记   https://github.com/harveyqing/BearDiary

    微信小程序 https://github.com/SeaHub/PigRaising

    微信小程序(WeChatMeiZhi妹子图) https://github.com/brucevanfdm/WeChatMeiZhi

     音乐播放:https://github.com/dt8888/JokeProject

     以此收藏!

    展开全文
  • 微信小程序源码汇总

    千次阅读 2019-05-05 10:09:19
    WXCustomSwitch微信小程序自定义 Switch 组件模板 WeixinAppBdNovel微信小程序demo:百度小说搜索 shitoujiandaobu小程序:石头剪刀布(附代码说明) audiodemo微信小程序开发之视频播放器 Video 弹幕 弹幕颜色...

    wx-gesture-lock  微信小程序的手势密码

    WXCustomSwitch 微信小程序自定义 Switch 组件模板

    WeixinAppBdNovel 微信小程序demo:百度小说搜索

    shitoujiandaobu 小程序:石头剪刀布(附代码说明)

    audiodemo 微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义

    star 微信小程序开发之五星评分

    switchCity 微信小程序开发之城市选择器 城市切换

    huadong_del  微信小程序滑动删除效果

    jianhang_menu 微信小程序开发之圆形菜单 仿建行圆形菜单

    xiaoxiaoxiao_lazyload  实现微信小程序图片懒加载特效

    kangaiduowei  微信小程序:康爱多微商城:学习界面设计

    tianmao_dazhuanpan  小程序实现大转盘 仿天猫抽奖 跑马灯效果(有图有源码)

    weapp-meirong  微信小程序学习用demo推荐:美容商城;列表,预约

    baisi  微信小程序仿百思不得姐

    weapp-one 仿 「ONE · 一个」 的微信小程序

    netmusic-app  仿网易云音乐APP的微信小程序

    a_takeaway  微信小程序的外卖demo

    sideslip  微信小程序『侧边栏滑动』特效

    wx_plo  微信小程序之仿微信漂流瓶

    kwonWhere 微信小程序-知亦行

    audiodemo  微信小程序开发之视频播放 弹幕 弹幕颜色自定义

    wxChart  微信小程序图标插件

    guoku  微信小程序-果库

    snake  微信小程序-贪吃蛇小程序

    douban_movie  微信小程序-仿豆瓣电影

    RecordDemo  麦克风动画

    shishanggou  实现了包括常用组件,ajax获取数据,模板使用,路由等的使用,下拉刷新数据;

    jiajuzaixian  家具在线-演示如何使用下拉选项

    wechat-app-ipinbb  爱拼宝宝-功能非常全的电商应用

    TodayNews-wx  微信小程序-今日头条

    WXNative-bpgg  奔跑果果-微信小程序

    wechatapp-demo   是目前我发现的,实现实用功能较多的demo,推荐大家学习研究

    weapp-MatterAssistant  微信小程序-事项助手

    weapp-wymusic  微信小程序 仿网易云音乐

    weapp-wechat-nearby  微信小程序-仿找事吧app附近三公里

    bs  精简版百思不得姐

    WXBaiSi  微信小程序版 百思不得姐

    weapp-demo-breadtrip  基于面包旅行 API 制作的微信小程序示例

    html-to-wxml  小程序中将html内容转化成wxml可以显示的内容,方便用于小程序中显示

    kachezhijia  自卡车之家,有丰富的卡车司机和物流园区的资源,所以这个小程序可以说也是他们未来工作上的一个必将实施的项目。

    WxEmojiView   微信小程序Emoji展示输入组件alpha 0.1

    GankCamp-WechatAPP gank.io (干货集中营) 微信小程序 版本

    wechat-JD  微信小程序仿京东首页

    wechat-turntalbe-canvas  用微信小程序开发的Canvas绘制可配置的转盘抽奖。

    mangguoTv  微信小应用-小程序-demo-仿芒果TV

    wxreading  微信小程序跟读

    WeChatMeiZhi  微信小程序版妹纸图 API from gank.io

    CountDown  微信小程序倒计时组件

    weapp-github  微信小程序--github

    wechat-weapp-mapdemo  微信小程序开发demo-地图定位,非常简单的demo,只为了解一下微信小程序

    wechat-cnode  微信小程序 cnode社区版

    weapp-newsapp  微信小程序-公众号热门文章信息流

    wechat-weapp-taobao  微信小程序demo 仿手机淘宝

    timer  番茄时钟微信小程序版

    wechat-app-music  微信小程序:音乐播放器 技术栈: redux + es7 +labrador

    fenda-mock  使用微信小程序实现「分答」这款APP的基础功能

    Wa-UI  针对微信小程序整合的一套UI库

    wx-query  微信小程序 仿jQuery插件

    weapp-artand  微信小程序 Artand

    WeiXin-SmallApps-Information  微信小程序-仿今日头条

    weapp-wechat-zhihu  微信中的知乎--微信小程序

    WeApp  基于微信小程序开发的仿微信demo

    SmallApp  微信小程序

    wechat-v2ex 微信小程序-v2ex

    weipiao 微信小程序-微票

    DouBanBookApp   微信小程序之小豆瓣图书

    wxapp-calc 一个简单的微信小程序-简易计算器

    weapp-wechat-zhihu   模仿知乎的小程序

    wx-movies-demo   小程序--影讯

    caiquan  微信小应用,猜拳小游戏

    hayeah-wxapp-Breakfast  小林早厨微信小程序

    AppleMusic  微信小程序,仿Apple Music

    cnode_wechat-webapp 用cnode社区api做的微信小应用

    shoppingcar 一个点餐、购物的购物车效果

    wechat-weapp-mall 微信小程序实现移动端商城

    SmallAppForQQ  高仿手机QQ应用程序

    zhihudaily  微信小程序-知乎日报

    wechat-weapp-gank 微信小程序-干货投稿应用

    TeamToy  调用TeamToy API 的微信小程序 Demo

    douban 微信小程序(应用号)示例教程(豆瓣电影)

     

     

     

     

     

     

     

    • 微信小程序游戏类demo:识色;从相似颜色中挑选不同的一个

      源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1105

    • 微信小程序精品demo:仿网易云音乐:歌单,FM,播放,评论

      源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1103

    • 微信小程序学习demo推荐:外卖:实现类似锚点功能(2M动图

      源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1101

    • 微信小程序学习用demo:一元夺宝:仅有主页设计

      源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1100

    • 微信小程序学习demo推荐:卡卡汽车:获取用户,设备信息

      源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1099

    • 微信小程序demo:仿商城

      源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1098

    • 微信小程序学习用demo:微信小闹钟:对话实现

      源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1096

    • 微信小程序demo:百度翻译;翻译API+历史翻译记录

      源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1074

    • 微信小程序学习用实用demo:简单的左滑操作和瀑布流布局

      源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1071

    • 微信小程序学习用demo:LOOK:点击tabbar变换图标

      源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1064

    • 微信小程序demo:乐助:类似基于地理位置的到位;助人应用

      源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1063

    • 微信小程序练习demo:数据绑定条件渲染练习

      源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1062

    • 微信小程序学习用demo:轮播图变换

      源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1061

    • 微信小程序demo:阳淘

      源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1060

    • 微信小程序自定义组件:带未读数目的tabBar按钮

      源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1046

    • 微信小程序学习用demo推荐:聊天室+音视频+添加内容+

      源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1043

    • 微信小程序demo:知乎日报

      源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1041

    • 微信小程序demo:装逼神器

      源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1040

    • 微信小程序demo:果库更新版

      源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1039

    • 微信小程序demo:计算器

      源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1038

    • 微信小程序开发之录音机 音频播放 动画 (真机可用)

      源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1028

    • 微信小程序demo:人脸识别

      源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1019

    • 微信小程序demo:cnode练习版

      源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1018

    • 微信小程序demo:知乎日报练习版

      源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1017

    • 微信小程序学习用demo:豆瓣电影:弹出层

      源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1016

    • 微信小程序学习用精品demo:航空订票;

      源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1015

    • 微信小程序精品学习demo:瀑布流布局与无限加载

      源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1004

    • 微信小程序demo:今日头条(附教程地址)

      源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1003

    • 微信小程序学习用demo推荐:蜂融网:静态页面设计

      源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=997

    • 学习用精品demo:电影推荐:界面设计及简易图片墙

      源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=996

    • 微信小程序demo:名片盒子:静态页面

      源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=995

    • 剪刀石头布小游戏,来和小五猜拳吧(带有代码解释)

      源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=991

    • 微信小程序学习用demo:组件及API测试合集

      源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=990

    • 微信小程序demo:宝宝起名

      源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=987

    • 微信小应用示例代码(phodal/weapp-quick)

      源码链接:https://github.com/phodal/weapp-quick

    • 微信小应用地图定位demo(giscafer/wechat-weapp-mapdemo)

      源码链接:https://github.com/giscafer/wechat-weapp-mapdemo

    • 微信小应用- 掘金主页信息流(hilongjw/weapp-gold)

      源码链接:https://github.com/hilongjw/weapp-gold

    • 微信小程序(应用号)示例:微信小程序豆瓣电影(zce/weapp-demo)

      源码链接:https://github.com/zce/weapp-demo

    • 微信小程序-豆瓣电影(hingsir/weapp-douban-film)

      源码链接:https://github.com/hingsir/weapp-douban-film

    • 小程序 hello world 尝鲜(kunkun12/weapp)

      源码链接:https://github.com/kunkun12/weapp

    • 使用微信小程序开发2048游戏(sammffl/wechat-weapp-2048)

      源码链接:https://github.com/sammffl/wechat-weapp-2048

    • 微信小程序-微票(wangmingjob/weapp-weipiao)

      源码链接:https://github.com/wangmingjob/weapp-weipiao

    • 微信小程序购物车DEMO(SeptemberMaples/wechat-weapp-demo)

      源码链接:https://github.com/SeptemberMaples/wechat-weapp-demo

    • 微信小程序V2EX(jectychen/wechat-v2ex)

      源码链接:https://github.com/jectychen/wechat-v2ex

    • 微信小程序-知乎日报(myronliu347/wechat-app-zhihudaily)

      源码链接:https://github.com/myronliu347/wechat-app-zhihudaily

    • 微信小程序-公众号热门文章信息流(hijiangtao/weapp-newsapp)

      源码链接:https://github.com/hijiangtao/weapp-newsapp

    • 微信小程序版Gank客户端  https://github.com/lypeer/wechat-weapp-gank
    • 微信小程序集成Redux实现的Todo list  https://github.com/charleyw/wechat-weapp-redux-todos
    • 微信小程序-番茄时钟  https://github.com/kraaas/timer
    • 微信小程序项目汇总  http://javascript.ctolib.com/categories/javascript-wechat-weapp.html
    • 微信小程序版聊天室   https://github.com/ericzyh/wechat-chat
    • 微信小程序-HiApp   https://github.com/BelinChung/wxapp-hiapp
    • 小程序Redux绑定库   https://github.com/charleyw/wechat-weapp-redux
    • 微信小程序版微信  https://github.com/18380435477/WeApp
    • 小程序开发从布局开始  https://github.com/hardog/wechat-app-flexlayout
    • 微信小程序-音乐播放器  https://github.com/eyasliu/wechat-app-music
    • 微信小程序-简易计算器-适合入门 https://github.com/dunizb/wxapp-sCalc
    • 微信小程序-github   https://github.com/zhengxiaowai/weapp-github
    • 微信小程序-小熊の日记   https://github.com/harveyqing/BearDiary
    • 微信小程序 https://github.com/SeaHub/PigRaising
    • 微信小程序(WeChatMeiZhi妹子图) https://github.com/brucevanfdm/WeChatMeiZhi
    展开全文
  • 微信小程序源码

    千次阅读 2018-05-03 16:00:36
    微信小程序demo:足球,赛事分析小程序简易导航小程序demo:办公审批小程序Demo:电魔方小程序demo:借阅伴侣微信小程序demo:投票微信小程序demo:健康生活小程序demo:文章列表demo微商城(含微信小程序)完整源码...
  • 调用手机相机拍照或者是调用手机相册选择照片,这个功能在 手机端页面 或者 webApp 应该是常用到的,就拿个人或会员资料录入那块来说就已经是经常会碰到的, 每当看到这块功能的时候,前端的小伙伴就得去找...
  • WXCustomSwitch 微信小程序自定义 Switch 组件模板 WeixinAppBdNovel 微信小程序demo:百度小说搜索 shitoujiandaobu 小程序:石头剪刀布(附代码说明) audiodemo 微信小程序开发之视频播放器 Video 弹幕 弹...
  • 微信JSSDK与录音相关的坑 欢迎各位转载, 以让微信团队重视这些恼人的BUG. 请注明出处微信JSSDK与录音相关的坑 by lzl124631x 我的github repo audio.js是我在微信jssdk上封装的一层录音接口, 目的是: 兼顾Desktop和...
  • 微信小程序

    千次阅读 2017-05-01 10:24:57
    关于微信小程序 微信小程序是由微信团队开发的搭建在微信平台的一种应用 其原理就是app不放在本地,放在微信平台上 他可以随扫随用,不用取消 微信小程序不仅仅是一个‘小程序’,他完全可以构建成一个完整的项目...
  • 不断更新中,下面是2017-12-22更新部分 IOS_源码及视频一小部分: 开发环境:Xcode 基于cocos2d的tweejump跳跃游戏ios经典游戏源码.rar https://pan.baidu.com/share/link?uk=2433762860&shareid=2999758878
  • 微信小程序个人开发全过程

    万次阅读 2019-03-19 11:39:26
    准备工具:Eclipse、FileZilla、微信开发者工具、一个配置好SSL证书(https)的有域名的服务器 所需知识:SpringMVC框架、Java+...可以在微信搜我另外一个作品“纯音乐猜歌”玩玩,博客地址: https://blog.csdn.n...
  • 如何从零起步开发一款App

    万次阅读 2018-05-24 16:51:09
    可能很多人不知道,规模大的企业和IT预算多的企业的移动App大部分都是基于混合模式开发实现的。...其实市场上主流的App,绝大部分...最典型的就是微信,除了聊天功能以外,包括公众号、小程序等都是由混合模式开发技术...
1 2 3 4 5 ... 8
收藏数 141
精华内容 56
关键字:

webapp 调用微信录音api