微信API - javascript代码

2. javascript代码：
3. wx.ready(function(){
4. // 1 判断当前版本是否支持指定 JS 接口，支持批量判断
5. document.querySelector('#checkJsApi').onclick =function(){
6. wx.checkJsApi({
7. jsApiList:[
8. 'getNetworkType',
9. 'previewImage'
10. ],
11. success:function(res){
12. alert(JSON.stringify(res));
13. }
14. });
15. };
16.  
17. // 2. 分享接口
18. // 2.1 监听“分享给朋友”，按钮点击、自定义分享内容及分享结果接口
19. document.querySelector('#onMenuShareAppMessage').onclick =function(){
20. wx.onMenuShareAppMessage({
21. title:'互联网之子 方倍工作室',
22. desc:'在长大的过程中，我才慢慢发现，我身边的所有事，别人跟我说的所有事，那些所谓本来如此，注定如此的事，它们其实没有非得如此，事情是可以改变的。更重要的是，有些事既然错了，那就该做出改变。',
23. link:'http://movie.douban.com/subject/25785114/',
24. imgUrl:'http://img3.douban.com/view/movie_poster_cover/spst/public/p2166127561.jpg',
25. trigger:function(res){
26. alert('用户点击发送给朋友');
27. },
28. success:function(res){
29. alert('已分享');
30. },
31. cancel:function(res){
32. alert('已取消');
33. },
34. fail:function(res){
35. alert(JSON.stringify(res));
36. }
37. });
38. alert('已注册获取“发送给朋友”状态事件');
39. };
40.  
41. // 2.2 监听“分享到朋友圈”按钮点击、自定义分享内容及分享结果接口
42. document.querySelector('#onMenuShareTimeline').onclick =function(){
43. wx.onMenuShareTimeline({
44. title:'互联网之子 方倍工作室',
45. link:'http://movie.douban.com/subject/25785114/',
46. imgUrl:'http://img3.douban.com/view/movie_poster_cover/spst/public/p2166127561.jpg',
47. trigger:function(res){
48. alert('用户点击分享到朋友圈');
49. },
50. success:function(res){
51. alert('已分享');
52. },
53. cancel:function(res){
54. alert('已取消');
55. },
56. fail:function(res){
57. alert(JSON.stringify(res));
58. }
59. });
60. alert('已注册获取“分享到朋友圈”状态事件');
61. };
62.  
63. // 2.3 监听“分享到QQ”按钮点击、自定义分享内容及分享结果接口
64. document.querySelector('#onMenuShareQQ').onclick =function(){
65. wx.onMenuShareQQ({
66. title:'互联网之子 方倍工作室',
67. desc:'在长大的过程中，我才慢慢发现，我身边的所有事，别人跟我说的所有事，那些所谓本来如此，注定如此的事，它们其实没有非得如此，事情是可以改变的。更重要的是，有些事既然错了，那就该做出改变。',
68. link:'http://movie.douban.com/subject/25785114/',
69. imgUrl:'http://img3.douban.com/view/movie_poster_cover/spst/public/p2166127561.jpg',
70. trigger:function(res){
71. alert('用户点击分享到QQ');
72. },
73. complete:function(res){
74. alert(JSON.stringify(res));
75. },
76. success:function(res){
77. alert('已分享');
78. },
79. cancel:function(res){
80. alert('已取消');
81. },
82. fail:function(res){
83. alert(JSON.stringify(res));
84. }
85. });
86. alert('已注册获取“分享到 QQ”状态事件');
87. };
89. // 2.4 监听“分享到微博”按钮点击、自定义分享内容及分享结果接口
90. document.querySelector('#onMenuShareWeibo').onclick =function(){
91. wx.onMenuShareWeibo({
92. title:'互联网之子 方倍工作室',
93. desc:'在长大的过程中，我才慢慢发现，我身边的所有事，别人跟我说的所有事，那些所谓本来如此，注定如此的事，它们其实没有非得如此，事情是可以改变的。更重要的是，有些事既然错了，那就该做出改变。',
94. link:'http://movie.douban.com/subject/25785114/',
95. imgUrl:'http://img3.douban.com/view/movie_poster_cover/spst/public/p2166127561.jpg',
96. trigger:function(res){
97. alert('用户点击分享到微博');
98. },
99. complete:function(res){
100. alert(JSON.stringify(res));
101. },
102. success:function(res){
103. alert('已分享');
104. },
105. cancel:function(res){
106. alert('已取消');
107. },
108. fail:function(res){
109. alert(JSON.stringify(res));
110. }
111. });
112. alert('已注册获取“分享到微博”状态事件');
113. };
114.  
115.  
116. // 3 智能接口
117. var voice ={
118. localId:'',
119. serverId:''
120. };
121. // 3.1 识别音频并返回识别结果
122. document.querySelector('#translateVoice').onclick =function(){
123. if(voice.localId ==''){
124. alert('请先使用 startRecord 接口录制一段声音');
125. return;
126. }
127. wx.translateVoice({
128. localId: voice.localId,
129. complete:function(res){
130. if(res.hasOwnProperty('translateResult')){
131. alert('识别结果：'+ res.translateResult);
132. }else{
133. alert('无法识别');
134. }
135. }
136. });
137. };
138.  
139. // 4 音频接口
140. // 4.2 开始录音
141. document.querySelector('#startRecord').onclick =function(){
142. wx.startRecord({
143. cancel:function(){
144. alert('用户拒绝授权录音');
145. }
146. });
147. };
148.  
149. // 4.3 停止录音
150. document.querySelector('#stopRecord').onclick =function(){
151. wx.stopRecord({
152. success:function(res){
153. voice.localId = res.localId;
154. },
155. fail:function(res){
156. alert(JSON.stringify(res));
157. }
158. });
159. };
160.  
161. // 4.4 监听录音自动停止
162. wx.onVoiceRecordEnd({
163. complete:function(res){
164. voice.localId = res.localId;
165. alert('录音时间已超过一分钟');
166. }
167. });
168.  
169. // 4.5 播放音频
170. document.querySelector('#playVoice').onclick =function(){
171. if(voice.localId ==''){
172. alert('请先使用 startRecord 接口录制一段声音');
173. return;
174. }
175. wx.playVoice({
176. localId: voice.localId
177. });
178. };
179.  
180. // 4.6 暂停播放音频
181. document.querySelector('#pauseVoice').onclick =function(){
182. wx.pauseVoice({
183. localId: voice.localId
184. });
185. };
186.  
187. // 4.7 停止播放音频
188. document.querySelector('#stopVoice').onclick =function(){
189. wx.stopVoice({
190. localId: voice.localId
191. });
192. };
193.  
194. // 4.8 监听录音播放停止
195. wx.onVoicePlayEnd({
196. complete:function(res){
197. alert('录音（'+ res.localId +'）播放结束');
198. }
199. });
200.  
201. // 4.8 上传语音
202. document.querySelector('#uploadVoice').onclick =function(){
203. if(voice.localId ==''){
204. alert('请先使用 startRecord 接口录制一段声音');
205. return;
206. }
207. wx.uploadVoice({
208. localId: voice.localId,
209. success:function(res){
210. alert('上传语音成功，serverId 为'+ res.serverId);
211. voice.serverId = res.serverId;
212. }
213. });
214. };
215.  
216. // 4.9 下载语音
217. document.querySelector('#downloadVoice').onclick =function(){
218. if(voice.serverId ==''){
219. alert('请先使用 uploadVoice 上传声音');
220. return;
221. }
222. wx.downloadVoice({
223. serverId: voice.serverId,
224. success:function(res){
225. alert('下载语音成功，localId 为'+ res.localId);
226. voice.localId = res.localId;
227. }
228. });
229. };
230.  
231. // 5 图片接口
232. // 5.1 拍照、本地选图
233. var images ={
234. localId:[],
235. serverId:[]
236. };
237. document.querySelector('#chooseImage').onclick =function(){
238. wx.chooseImage({
239. success:function(res){
240. images.localId = res.localIds;
241. alert('已选择 '+ res.localIds.length +' 张图片');
242. }
243. });
244. };
245.  
246. // 5.2 图片预览
247. document.querySelector('#previewImage').onclick =function(){
248. wx.previewImage({
249. current:'http://img5.douban.com/view/photo/photo/public/p1353993776.jpg',
250. urls:[
251. 'http://img3.douban.com/view/photo/photo/public/p2152117150.jpg',
252. 'http://img5.douban.com/view/photo/photo/public/p1353993776.jpg',
253. 'http://img3.douban.com/view/photo/photo/public/p2152134700.jpg'
254. ]
255. });
256. };
257.  
258. // 5.3 上传图片
259. document.querySelector('#uploadImage').onclick =function(){
260. if(images.localId.length ==0){
261. alert('请先使用 chooseImage 接口选择图片');
262. return;
263. }
264. var i =0, length = images.localId.length;
265. images.serverId =[];
266. function upload(){
267. wx.uploadImage({
268. localId: images.localId[i],
269. success:function(res){
270. i++;
271. alert('已上传：'+ i +'/'+ length);
272. images.serverId.push(res.serverId);
273. if(i < length){
274. upload();
275. }
276. },
277. fail:function(res){
278. alert(JSON.stringify(res));
279. }
280. });
281. }
282. upload();
283. };
284.  
285. // 5.4 下载图片
286. document.querySelector('#downloadImage').onclick =function(){
287. if(images.serverId.length ===0){
288. alert('请先使用 uploadImage 上传图片');
289. return;
290. }
291. var i =0, length = images.serverId.length;
292. images.localId =[];
293. function download(){
294. wx.downloadImage({
295. serverId: images.serverId[i],
296. success:function(res){
297. i++;
298. alert('已下载：'+ i +'/'+ length);
299. images.localId.push(res.localId);
300. if(i < length){
301. download();
302. }
303. }
304. });
305. }
306. download();
307. };
308.  
309. // 6 设备信息接口
310. // 6.1 获取当前网络状态
311. document.querySelector('#getNetworkType').onclick =function(){
312. wx.getNetworkType({
313. success:function(res){
314. alert(res.networkType);
315. },
316. fail:function(res){
317. alert(JSON.stringify(res));
318. }
319. });
320. };
321.  
322. // 8 界面操作接口
323. // 8.1 隐藏右上角菜单
324. document.querySelector('#hideOptionMenu').onclick =function(){
325. wx.hideOptionMenu();
326. };
327.  
328. // 8.2 显示右上角菜单
329. document.querySelector('#showOptionMenu').onclick =function(){
330. wx.showOptionMenu();
331. };
332.  
333. // 8.3 批量隐藏菜单项
334. document.querySelector('#hideMenuItems').onclick =function(){
335. wx.hideMenuItems({
336. menuList:[
337. 'menuItem:readMode',// 阅读模式
338. 'menuItem:share:timeline',// 分享到朋友圈
339. 'menuItem:copyUrl'// 复制链接
340. ],
341. success:function(res){
342. alert('已隐藏“阅读模式”，“分享到朋友圈”，“复制链接”等按钮');
343. },
344. fail:function(res){
345. alert(JSON.stringify(res));
346. }
347. });
348. };
349.  
350. // 8.4 批量显示菜单项
351. document.querySelector('#showMenuItems').onclick =function(){
352. wx.showMenuItems({
353. menuList:[
354. 'menuItem:readMode',// 阅读模式
355. 'menuItem:share:timeline',// 分享到朋友圈
356. 'menuItem:copyUrl'// 复制链接
357. ],
358. success:function(res){
359. alert('已显示“阅读模式”，“分享到朋友圈”，“复制链接”等按钮');
360. },
361. fail:function(res){
362. alert(JSON.stringify(res));
363. }
364. });
365. };
366.  
367. // 8.5 隐藏所有非基本菜单项
368. document.querySelector('#hideAllNonBaseMenuItem').onclick =function(){
369. wx.hideAllNonBaseMenuItem({
370. success:function(){
371. alert('已隐藏所有非基本菜单项');
372. }
373. });
374. };
375.  
376. // 8.6 显示所有被隐藏的非基本菜单项
377. document.querySelector('#showAllNonBaseMenuItem').onclick =function(){
378. wx.showAllNonBaseMenuItem({
379. success:function(){
380. alert('已显示所有非基本菜单项');
381. }
382. });
383. };
384.  
385. // 8.7 关闭当前窗口
386. document.querySelector('#closeWindow').onclick =function(){
387. wx.closeWindow();
388. };
389.  
390. // 9 微信原生接口
391. // 9.1.1 扫描二维码并返回结果
392. document.querySelector('#scanQRCode0').onclick =function(){
393. wx.scanQRCode({
394. desc:'scanQRCode desc'
395. });
396. };
397. // 9.1.2 扫描二维码并返回结果
398. document.querySelector('#scanQRCode1').onclick =function(){
399. wx.scanQRCode({
400. needResult:1,
401. desc:'scanQRCode desc',
402. success:function(res){
403. alert(JSON.stringify(res));
404. }
405. });
406. };
407.  
408. // 10 微信支付接口
409. // 10.1 发起一个支付请求
410. document.querySelector('#chooseWXPay').onclick =function(){
411. wx.chooseWXPay({
412. timestamp:1414723227,
413. nonceStr:'noncestr',
414. package:'addition=action_id%3dgaby1234%26limit_pay%3d&bank_type=WX&body=innertest&fee_type=1&input_charset=GBK&notify_url=http%3A%2F%2F120.204.206.246%2Fcgi-bin%2Fmmsupport-bin%2Fnotifypay&out_trade_no=1414723227818375338&partner=1900000109&spbill_create_ip=127.0.0.1&total_fee=1&sign=432B647FE95C7BF73BCD177CEECBEF8D',
415. paySign:'bd5b1933cda6e9548862944836a9b52e8c9a2b69'
416. });
417. };
418.  
419. // 11.3 跳转微信商品页
420. document.querySelector('#openProductSpecificView').onclick =function(){
421. wx.openProductSpecificView({
422. productId:'pDF3iY0ptap-mIIPYnsM5n8VtCR0'
423. });
424. };
425.  
426. // 12 微信卡券接口
427. // 12.1 添加卡券
428. document.querySelector('#addCard').onclick =function(){
429. wx.addCard({
430. cardList:[
431. {
432. cardId:'pDF3iY9tv9zCGCj4jTXFOo1DxHdo',
433. cardExt:'{"code": "", "openid": "", "timestamp": "1418301401", "signature":"64e6a7cc85c6e84b726f2d1cbef1b36e9b0f9750"}'
434. },
435. {
436. cardId:'pDF3iY9tv9zCGCj4jTXFOo1DxHdo',
437. cardExt:'{"code": "", "openid": "", "timestamp": "1418301401", "signature":"64e6a7cc85c6e84b726f2d1cbef1b36e9b0f9750"}'
438. }
439. ],
440. success:function(res){
441. alert('已添加卡券：'+ JSON.stringify(res.cardList));
442. }
443. });
444. };
445.  
446. // 12.2 选择卡券
447. document.querySelector('#chooseCard').onclick =function(){
448. wx.chooseCard({
449. cardSign:'97e9c5e58aab3bdf6fd6150e599d7e5806e5cb91',
450. timestamp:1417504553,
451. nonceStr:'k0hGdSXKZEj3Min5',
452. success:function(res){
453. alert('已选择卡券：'+ JSON.stringify(res.cardList));
454. }
455. });
456. };
457.  
458. // 12.3 查看卡券
459. document.querySelector('#openCard').onclick =function(){
460. alert('您没有该公众号的卡券无法打开卡券。');
461. wx.openCard({
462. cardList:[
463. ]
464. });
465. };
466.  
467. var shareData ={
468. title:'方倍工作室 微信JS-SDK DEMO',
469. desc:'微信JS-SDK,帮助第三方为用户提供更优质的移动web服务',
470. link:'http://www.cnblogs.com/txw1958/',
471. imgUrl:'http://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRt8Qia4lv7k3M9J1SKqKCImxJCt7j9rHYicKDI45jRPBxdzdyREWnk0ia0N5TMnMfth7SdxtzMvVgXg/0'
472. };
473. wx.onMenuShareAppMessage(shareData);
474. wx.onMenuShareTimeline(shareData);
475. });
476.  
477. wx.error(function(res){
478. alert(res.errMsg);
479. });