微信开发模板

最新推荐文章于 2024-04-17 09:45:55 发布
最新推荐文章于 2024-04-17 09:45:55 发布
阅读量748 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011313703/article/details/51509042
版权
 <!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>微信开发模板</title>
 <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
 <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
 <script>
  
 var appId = "",
 appsecret = "";
 
 wx.config({
 debug: false,//开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
 appId: '',//必填公众号的唯一标识
 timestamp: 1464227533,//必填,生成签名的时间戳
 nonceStr: '',//必填生成签名的随机串
 signature: '',//必填,签名
 jsApiList: ["onMenuShareTimeline","onMenuShareAppMessage","onMenuShareQQ","onMenuShareWeibo","onMenuShareQZone","startRecord","stopRecord","onVoiceRecordEnd","playVoice","pauseVoice","stopVoice","onVoicePlayEnd","uploadVoice","downloadVoice","chooseImage","previewImage","uploadImage","downloadImage","translateVoice","getNetworkType","openLocation","getLocation","hideOptionMenu","showOptionMenu","hideMenuItems","showMenuItems","hideAllNonBaseMenuItem","showAllNonBaseMenuItem","closeWindow","scanQRCode","chooseWXPay","openProductSpecificView"]
 });
  
 wx.ready(function () {
  
 var images = {
 localId: [],
 serverId: []
 };
  
 wx.checkJsApi({
 jsApiList: ["onMenuShareTimeline","onMenuShareAppMessage","onMenuShareQQ","onMenuShareWeibo","onMenuShareQZone","startRecord","stopRecord","onVoiceRecordEnd","playVoice","pauseVoice","stopVoice","onVoicePlayEnd","uploadVoice","downloadVoice","chooseImage","previewImage","uploadImage","downloadImage","translateVoice","getNetworkType","openLocation","getLocation","hideOptionMenu","showOptionMenu","hideMenuItems","showMenuItems","hideAllNonBaseMenuItem","showAllNonBaseMenuItem","closeWindow","scanQRCode","chooseWXPay","openProductSpecificView"]
 });
  
 var shareApp = {
 title: '标题',
 desc: '描述',
 link: 'http://www.qq.com',
 imgUrl: 'logo.png',
 trigger: function (res) {
 alert('用户点击发送给朋友');
 },
 success: function (res) {
 alert('已分享');
 },
 cancel: function (res) {
 alert('已取消');
 },
 fail: function (res) {
 alert(JSON.stringify(res));
 }
 };
  
 var shareTimeLine = {
 title: '标题',
 link: 'http://www.qq.com',
 imgUrl: 'logo.png',
 trigger: function (res) {
 alert('用户点击发送给朋友');
 },
 success: function (res) {
 alert('已分享');
 },
 cancel: function (res) {
 alert('已取消');
 },
 fail: function (res) {
 alert(JSON.stringify(res));
 }
 };
  
 wx.onMenuShareWeibo(shareApp);
 wx.onMenuShareQZone(shareApp);
  
 //分享朋友
 wx.onMenuShareAppMessage(shareApp);
 //分享朋友圈
 wx.onMenuShareTimeline(shareTimeLine);
  
 //隐藏右上角菜单
 wx.hideOptionMenu();
 //显示右上角菜单
 wx.showOptionMenu();
  
 //关闭当前网页窗口
 //wx.closeWindow();
  
 //隐藏所有非基础按钮
 //wx.hideAllNonBaseMenuItem();
 //显示所有功能按钮接口
 //wx.showAllNonBaseMenuItem();
  
 wx.getNetworkType({
 success: function (res) {
 var networkType = res.networkType; // 返回网络类型2g，3g，4g，wifi
 alert(networkType)
 }
 });
 //拍照或从手机相册中选图
 var localIds,serverId;
 $("#button1").click(function(){
 wx.chooseImage({
 count: 1, // 默认9
 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
 success: function (res) {
 localIds = res.localIds;
 $("图片").attr("src",localIds);
 }
 });
 })
 //预览图片
 $("#button2").click(function(){
 wx.previewImage({
 current: '', // 当前显示图片的http链接
 urls: [] // 需要预览的图片http链接列表
 });
 });
 //上传图片到服务器
 $("#button3").click(function(){
 wx.uploadImage({
 localId: localIds, // 需要上传的图片的本地ID，由chooseImage接口获得
 isShowProgressTips: 1, // 默认为1，显示进度提示
 success: function (res) {
 serverId = res.serverId; // 返回图片的服务器端ID
 }
 });
 });
 //根据已有serverId下载图片
 $("#button3").click(function(){
 wx.downloadImage({
 serverId: serverId, // 需要下载的图片的服务器端ID，由uploadImage接口获得
 isShowProgressTips: 1, // 默认为1，显示进度提示
 success: function (res) {
 var localId = res.localId; // 返回图片下载后的本地ID
 $("图片").attr("src",localIds)
 }
 });
 });
 //调取录音
 var localId2,serverId2;
 $("#button4").click(function(){
  
 wx.startRecord();
  
 });
 //停止录音
 $("#button5").click(function(){
 wx.stopRecord({
 success: function (res) {
 localId2 = res.localId;
 }
 });
 });
 //监听录音自动停止
 wx.onVoiceRecordEnd({
 // 录音时间超过一分钟没有停止
 complete: function (res) {
 localId2 = res.localId;
 }
 });
 //播放语音
 $("#button6").click(function(){
 wx.playVoice({
 localId: localId2 // 需要播放的音频的本地ID，由stopRecord接口获得
 });
 });
 //暂停播放
 $("#button7").click(function(){
 wx.pauseVoice({
 localId: localId2 // 需要暂停的音频的本地ID，由stopRecord接口获得
 });
 })
 //停止播放
 $("#button8").click(function(){
 wx.stopVoice({
 localId: localId2 // 需要停止的音频的本地ID，由stopRecord接口获得
 });
 });
 //监听语音播放完
 wx.onVoicePlayEnd({
 success: function (res) {
 localId2 = res.localId; // 返回音频的本地ID
 }
 });
 //上传语音
 $("#button9").click(function(){
 wx.uploadVoice({
 localId: localId2, // 需要上传的音频的本地ID，由stopRecord接口获得
 isShowProgressTips: 1, // 默认为1，显示进度提示
 success: function (res) {
 serverId2 = res.serverId; // 返回音频的服务器端ID
 }
 });
 });
 //下载语音
 $("#button10").click(function(){
 wx.downloadVoice({
 serverId: serverId2, // 需要下载的音频的服务器端ID，由uploadVoice接口获得
 isShowProgressTips: 1, // 默认为1，显示进度提示
 success: function (res) {
 localId2 = res.localId; // 返回音频的本地ID
 }
 });
 });
 //语音识别文字
 $("#button11").click(function(){
 wx.translateVoice({
 localId: localId2, // 需要识别的音频的本地Id，由录音相关接口获得
 isShowProgressTips: 1, // 默认为1，显示进度提示
 success: function (res) {
 alert(res.translateResult); // 语音识别的结果
 }
 });
 });
 //使用微信内置地图查看位置
 $("#button12").click(function(){
 wx.openLocation({
 latitude: 0, // 纬度，浮点数，范围为90 ~ -90
 longitude: 0, // 经度，浮点数，范围为180 ~ -180。
 name: '', // 位置名
 address: '', // 地址详情说明
 scale: 1, // 地图缩放级别,整形值,范围从1~28。默认为最大
 infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转
 });
 });
 //获取地理位置接口
 $("#button13").click(function(){
 wx.getLocation({
 type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
 success: function (res) {
 var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
 var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
 var speed = res.speed; // 速度，以米/每秒计
 var accuracy = res.accuracy; // 位置精度
 }
 });
 });
 //调起微信扫一扫
 $("#button14").click(function(){
 wx.scanQRCode({
 needResult: 0, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
 scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有
 success: function (res) {
 var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
 }
 });
 });
 });
 wx.error(function(res){
 var str = res.errMsg;
 var reg = /invalid signature$/;
 var r = str.match(reg);
 if(r !== null) {
 alert(r)
 }
 });
 </script>
 </head>
 <body>
 <button id="button1"></button>
 <button id="button2"></button>
 <button id="button3"></button>
 <button id="button4"></button>
 <button id="button5"></button>
 <button id="button6"></button>
 <button id="button7"></button>
 <button id="button8"></button>
 <button id="button9"></button>
 <button id="button10"></button>
 <button id="button11"></button>
 <button id="button12"></button>
 <button id="button13"></button>
  
 </body>
 

</html>


$.get("http://www.mm.gushen178.com/php/getwxdata.php",function(data){
   data=JSON.parse(data);
   wx.config(function(){
     debug: false,
  appId: data.appId,
  timestamp:data.timestamp,
  nonceStr: data.nonceStr,
  signature: data.signature,
  jsApiList: ["onMenuShareTimeline","onMenuShareAppMessage","onMenuShareQQ","onMenuShareWeibo","onMenuShareQZone","startRecord","stopRecord","onVoiceRecordEnd","playVoice","pauseVoice","stopVoice","onVoicePlayEnd","uploadVoice","downloadVoice","chooseImage","previewImage","uploadImage","downloadImage","translateVoice","getNetworkType","openLocation","getLocation","hideOptionMenu","showOptionMenu","hideMenuItems","showMenuItems","hideAllNonBaseMenuItem","showAllNonBaseMenuItem","closeWindow","scanQRCode","chooseWXPay","openProductSpecificView"]
  });
   });
});

wx.ready(function () {
   
wx.onMenuShareTimeline({
         title:  "<?=$act['act_name']?>" ,  // 分享标题
         link:  "http://www.brandhd.com/v/events/view/<?=$act['act_id']?>" , // 分享链接
         imgUrl:  "http://www.brandhd.com<?=$act['act_poster_small']?>" , // 分享图标
         success:  function  () { 
             // 用户确认分享后执行的回调函数
         },
         cancel:  function  () { 
             // 用户取消分享后执行的回调函数
         }
     });


}


微信公众号展示页面模板.zip
05-27
微信公众号展示页面模板，单页面多栏目设计，直接打开index.html文件替换文字即可，方便简单！
C#微信开发模板
04-22
简单的C#的微信开发，很适合刚开始微信开发的人士。
微信网页开发样式
娃哈哈的博客
10-01 1394
微信网页开发样式库 目录 1 概述2 使用方法 2.1 安装2.2 开发 3 元素类型 3.1 Button3.2 Cell3.3 Dialog3.4 Progress3.5 Toast3.6 Msg Page3.7 Article3.8 ActionSheet3.9 Icon 4 技术支持与反馈
微信开发者工具——模板
2301_80263861的博客
01-17 608
以template的name属性来定义模板的名字，以便于调用模板< view>< text>这是一个模板< /text>< /view>
微信开发（网页样式库）
洋洋
10-04 2888
首先，我们先聊下这个微信  网页样式库，它是干嘛的，怎么用； WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 内网页开发量身设计，可以令用户的使用感知更加统一。在微信网页开发中使用 WeUI，有如下优势： 同微信客户端一致的视觉效果，令所有微信用户都能更容易地使用你的网站便捷获取快速使用，降低开发和设计成本微信设计团队精心打造，清晰明确，简洁大方
微信开发【网页开发样式库】
MaPKai
10-03 999
WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页开发量身设计，可以令用户的使用感知更加统一。在微信网页开发中使用 WeUI，有如下优势： 同微信客户端一致的视觉效果，令所有微信用户都能更容易地使用你的网站便捷获取快速使用，降低开发和设计成本微信设计团队精心打造，清晰明确，简洁大方 使用方法 安装 方法一：使用bower进行安装 bower i
Python编程之微信推送模板消息功能示例
01-20
本文实例讲述了Python微信推送模板消息功能。分享给大家供大家参考，具体如下： 官方文档：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1445241432 具体代码如下： #!/usr/bin/env python #-*- coding...
微信小程序开发空白模板
03-03
"微信小程序开发空白模板"是开发者开始创建新小程序时的基础框架，它包含了小程序的基本结构和配置文件，使得开发者能够快速搭建起一个可以运行的最小化项目。 一、项目配置文件project.config.json `project....
15套自己收集的微信网站模板,微网站HTML5模板,分享给大家
06-12
15套自己收集的微信网站模板,微网站HTML5模板,分享给大家
jquery-weui微信商城全套页面模板
12-22
使用jquery-weui开发的一整套移动端商城，包括首页，购物车，订单管理，评价，分类，会员中心等页面，分享给需要的人。
wxappschedule小程序课程表图片生成组件使用canvas绘制
08-10
wxapp-schedule 是从We川大当中抽象出来的课程表图片生成组件，使用canvas绘制
2021年最新微信JS-SDK的使用
码蝗的博客
03-08 1487
微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。 通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，为微信用户提供更优质的网页体验。 微信JS-SDK使用步骤如下: 步骤一：绑定域名 登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。在设置安全域名时，根据注意事项的提示，将下载的文件上传到服务器的根目录下。 注意：如果需要支付功能，还要
探索微信小程序开发的新模板：wechat_app_template
gitblog_00010的博客
04-17 350
探索微信小程序开发的新模板：wechat_app_template 去发现同类优质开源项目:https://gitcode.com/ 项目简介 是一个开源的微信小程序开发模板，旨在为开发者提供快速构建微信小程序应用的基础框架。这个项目由 Ritaswc 创建并维护，通过简洁、模块化的代码结构，帮助新手和经验丰富的开发者更高效地开发小程序。 技术分析 框架与工具 该项目基于微信官方的小程序开发工具和...
微信小程序-关于我们页面模板
CY的博客
06-17 2741
微信小程序-关于我们页面模板
02-微信小程序开发-模板与配置
...
03-02 1262
设置步骤： app.json -> window -> 为 onReachBottomDistance 设置新的数值注意：默认距离为50px，如果没有特殊需求，建议使用默认值即可。e.currentTarget 指向的是当前正在触发事件的那个组件，因此，e.currentTarget 是当前的 view 组件。rpx 的实现原理非常简单：鉴于不同设备屏幕的大小不同，为了实现屏幕的自动适配，rpx 把所有设备的屏幕，小程序中的事件传参比较特殊，不能在绑定事件的同时为事件处理函数传递参数。
微信小程序开发 - 模板与配置
weixin_43299180的博客
03-18 4974
文章目录一、wxml 模板语法1、数据绑定2、事件绑定3、事件传参与数据同步4、条件渲染 wx:if5、列表渲染 wx:for二、wxss1、rpx 尺寸单位2、样式导入3、全局、局部样式三、全局配置1、window2、tabBar四、页面配置五、网络数据请求总结 一、wxml 模板语法 1、数据绑定 数据绑定的基本原则是：在页面的 js 文件中的 data 定义数据，在 wxml 中使用数据； 动态绑定内容：<view>{{info}}</view> 动态绑定属性：<ima
声发射定位算法 Matlab 仿真项目源码+文档说明（高分项目）
最新发布
11-06
声发射定位算法 Matlab 仿真项目源码+文档说明（高分项目），含有代码注释，新手也可看懂，个人手打98分项目，导师非常认可的高分项目，毕业设计、期末大作业和课程设计高分必看，下载下来，简单部署，就可以使用。该项目可以直接作为毕设、期末大作业使用，代码都在里面，系统功能完善、界面美观、操作简单、功能齐全、管理便捷，具有很高的实际应用价值，项目都经过严格调试，确保可以运行！ 声发射定位算法 Matlab 仿真项目源码+文档说明（高分项目）声发射定位算法 Matlab 仿真项目源码+文档说明（高分项目）声发射定位算法 Matlab 仿真项目源码+文档说明（高分项目）声发射定位算法 Matlab 仿真项目源码+文档说明（高分项目）声发射定位算法 Matlab 仿真项目源码+文档说明（高分项目）声发射定位算法 Matlab 仿真项目源码+文档说明（高分项目）声发射定位算法 Matlab 仿真项目源码+文档说明（高分项目）声发射定位算法 Matlab 仿真项目源码+文档说明（高分项目）声发射定位算法 Matlab 仿真项目源码+文档说明（高分项目）声发射定位算法 Matlab 仿真项目源码+
企业微信开发实操考试答案详解
“企业微信开发实操考试.pdf”是腾讯企微微信服务商的一份开发实操题答案，旨在帮助考生准备企业微信的开发认证考试。这份文档详细介绍了如何在政府私有化部署的政务微信场景下，实现与原有CA数据中心的数据完全依赖...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值