微信JS-SDK-Demo-官方案例

微信JSSDKDemo官方案例摘要微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，为微信用户提供更优质的网页体验。此文档面向网页开发者介绍微信JS-SDK如何使用及相关注意事项。微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，为微信用户提供更优质的网页体验。此文档面向网页开发者介绍微信JS-SDK如何使用及相关注意事项。一：html代码部分!DOCTYPEhtmlhtmlheadmetacharset=utf-8title微信JS-SDKDemo/titlemetaname=viewportcontent=width=device-width,initial-scale=1,user-scalable=0linkrel=stylesheethref=css/style.css/headbodyontouchstart=divclass=wxapi_containerdivclass=wxapi_index_containerulclass=label_boxlbox_closewxapi_index_listliclass=label_itemwxapi_index_itemaclass=label_innerhref=#menu-basic基础接口/a/liliclass=label_itemwxapi_index_itemaclass=label_innerhref=#menu-share分享接口/a/liliclass=label_itemwxapi_index_itemaclass=label_innerhref=#menu-image图像接口/a/liliclass=label_itemwxapi_index_itemaclass=label_innerhref=#menu-voice音频接口/a/liliclass=label_itemwxapi_index_itemaclass=label_innerhref=#menu-smart智能接口/a/liliclass=label_itemwxapi_index_itemaclass=label_innerhref=#menu-device设备信息接口/a/liliclass=label_itemwxapi_index_itemaclass=label_innerhref=#menu-location地理位置接口/a/liliclass=label_itemwxapi_index_itemaclass=label_innerhref=#menu-webview界面操作接口/a/liliclass=label_itemwxapi_index_itemaclass=label_innerhref=#menu-scan微信扫一扫接口/a/liliclass=label_itemwxapi_index_itemaclass=label_innerhref=#menu-shopping微信小店接口/a/liliclass=label_itemwxapi_index_itemaclass=label_innerhref=#menu-card微信卡券接口/a/liliclass=label_itemwxapi_index_itemaclass=label_innerhref=#menu-pay微信支付接口/a/li/ul/divdivclass=lbox_closewxapi_formh3id=menu-basic基础接口/h3spanclass=desc判断当前客户端是否支持指定JS接口/spanbuttonclass=btnbtn_primaryid=checkJsApicheckJsApi/buttonh3id=menu-share分享接口/h3spanclass=desc获取“分享到朋友圈”按钮点击状态及自定义分享内容接口/spanbuttonclass=btnbtn_primaryid=onMenuShareTimelineonMenuShareTimeline/buttonspanclass=desc获取“分享给朋友”按钮点击状态及自定义分享内容接口/spanbuttonclass=btnbtn_primaryid=onMenuShareAppMessageonMenuShareAppMessage/buttonspanclass=desc获取“分享到QQ”按钮点击状态及自定义分享内容接口/spanbuttonclass=btnbtn_primaryid=onMenuShareQQonMenuShareQQ/buttonspanclass=desc获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口/spanbuttonclass=btnbtn_primaryid=onMenuShareWeiboonMenuShareWeibo/buttonh3id=menu-image图像接口/h3spanclass=desc拍照或从手机相册中选图接口/spanbuttonclass=btnbtn_primaryid=chooseImagechooseImage/buttonspanclass=desc预览图片接口/spanbuttonclass=btnbtn_primaryid=previewImagepreviewImage/buttonspanclass=desc上传图片接口/spanbuttonclass=btnbtn_primaryid=uploadImageuploadImage/buttonspanclass=desc下载图片接口/spanbuttonclass=btnbtn_primaryid=downloadImagedownloadImage/buttonh3id=menu-voice音频接口/h3spanclass=desc开始录音接口/spanbuttonclass=btnbtn_primaryid=startRecordstartRecord/buttonspanclass=desc停止录音接口/spanbuttonclass=btnbtn_primaryid=stopRecordstopRecord/buttonspanclass=desc播放语音接口/spanbuttonclass=btnbtn_primaryid=playVoiceplayVoice/buttonspanclass=desc暂停播放接口/spanbuttonclass=btnbtn_primaryid=pauseVoicepauseVoice/buttonspanclass=desc停止播放接口/spanbuttonclass=btnbtn_primaryid=stopVoicestopVoice/buttonspanclass=desc上传语音接口/spanbuttonclass=btnbtn_primaryid=uploadVoiceuploadVoice/buttonspanclass=desc下载语音接口/spanbuttonclass=btnbtn_primaryid=downloadVoicedownloadVoice/buttonh3id=menu-smart智能接口/h3spanclass=desc识别音频并返回识别结果接口/spanbuttonclass=btnbtn_primaryid=translateVoicetranslateVoice/buttonh3id=menu-device设备信息接口/h3spanclass=desc获取网络状态接口/spanbuttonclass=btnbtn_primaryid=getNetworkTypegetNetworkType/buttonh3id=menu-location地理位置接口/h3spanclass=desc使用微信内置地图查看位置接口/spanbuttonclass=btnbtn_primaryid=openLocationopenLocation/buttonspanclass=desc获取地理位置接口/spanbuttonclass=btnbtn_primaryid=getLocationgetLocation/buttonh3id=menu-webview界面操作接口/h3spanclass=desc隐藏右上角菜单接口/spanbuttonclass=btnbtn_primaryid=hideOptionMenuhideOptionMenu/buttonspanclass=desc显示右上角菜单接口/spanbuttonclass=btnbtn_primaryid=showOptionMenushowOptionMenu/buttonspanclass=desc关闭当前网页窗口接口/spanbuttonclass=btnbtn_primaryid=closeWindowcloseWindow/buttonspanclass=desc批量隐藏功能按钮接口/spanbuttonclass=btnbtn_primaryid=hideMenuItemshideMenuItems/buttonspanclass=desc批量显示功能按钮接口/spanbuttonclass=btnbtn_primaryid=showMenuItemsshowMenuItems/buttonspanclass=desc隐藏所有非基础按钮接口/spanbuttonclass=btnbtn_primaryid=hideAllNonBaseMenuItemhideAllNonBaseMenuItem/buttonspanclass=desc显示所有功能按钮接口/spanbuttonclass=btnbtn_primaryid=showAllNonBaseMenuItemshowAllNonBaseMenuItem/buttonh3id=menu-scan微信扫一扫/h3spanclass=desc调起微信扫一扫接口/spanbuttonclass=btnbtn_primaryid=scanQRCode0scanQRCode(微信处理结果)/buttonbuttonclass=btnbtn_primaryid=scanQRCode1scanQRCode(直接返回结果)/buttonh3id=menu-shopping微信小店接口/h3spanclass=desc跳转微信商品页接口/spanbuttonclass=btnbtn_primaryid=openProduc