html5 jssdk,微信公众号与HTML 5混合模式揭秘1——如何部署JSSDK

本文是连载JSSDK+H5的书，这里是第一篇揭秘————如何部署JSSDK

部署JSSDK不会太难，有时候需要一点后台知识，但也不是太难的那种，本节主要是用PHP作为后台参考语言，为了照顾初学者，把代码写的简单一点，实现最终目的是第一优先权。

在上一节中已经讲解了部署的大致流程，现在与笔者一起详细的部署一下吧。

2.2.1 绑定域名

如果读者是第1次绑定域名，那按照下面的步骤操作：

(1)首先需要登录微信公众平台。

(2)选择左侧列表栏的“公众号设置”选项，如图2.1所示。

图2.1  微信后台à公众号设置

(3)在打开的“公众号设置”界面中，单击“功能设置”选项卡，然后填写JS接口的安全域名，填写的域名一定要合法并且备案，如图2.2、2.3所示。

图2.2  设置JS接口安全域名

图2.3  填写JS接口安全域名

2.2.2 引入JS文件

在需要调用微信JSSDK的页面引入JS文件即可，支持使用AMD或CMD的方式加载文件，文件地址：http://res.wx.qq.com/open/js/jweixin-1.0.0.js。

这里对AMD和CMD规范做一个简单说明。AMD或CMD都是模块加载规范，AMD规范全称是Asynchronous Module Definition，目前requireJS、Node.js、Dojo、jQuery都支持AMD规范。CMD规范的全称是CommonModule Definition，该规范明确了模块的基本书写格式和基本交互规则。不管是AMD还是CMD，这些规范的目的都是为了JavaScript的模块化开发，特别是在浏览器端的开发。目前这些规范的实现都能达成浏览器端模块化开发的目的。

说明：在CMD规范中，一个模块就是一个文件。

摘自

【原创】微信公众号与HTML 5混合模式揭秘3——JSSDK获取地理位置

微信公众号与HTML 5混合模式揭秘1——如何部署JSSDK 微信公众号与HTML 5混合模式揭秘2——分享手机相册中照片 JSSDK为开发者提供了两个位置API服务:获取地理位置和使用微信内置地图查 ...

微信公众号与HTML 5混合模式揭秘5——JSSDK开发技巧1

微信公众号与HTML 5混合模式揭秘1——如何部署JSSDK 微信公众号与HTML 5混合模式揭秘2——分享手机相册中照片 微信公众号与HTML 5混合模式揭秘3——JSSDK获取地理位置 微信公众号 ...

【原创】微信公众号与HTML 5混合模式揭秘4——jssdk调用微信扫一扫

微信公众号与HTML 5混合模式揭秘1——如何部署JSSDK 微信公众号与HTML 5混合模式揭秘2——分享手机相册中照片 微信公众号与HTML 5混合模式揭秘3——JSSDK获取地理位置   在JS ...

微信公众号与HTML 5混合模式揭秘2——分享手机相册中照片

本书是分享微信jssdk开发的第二篇.     4.2.1 项目需求 需求说明:实现微信端的手机用户,点击按钮选取1张图片,分享到朋友圈. 4.2.2 需求分解 通过对需求的了解,可以将其分解为: ( ...

微信公众号开发系列教程一(调试环境部署续：vs远程调试)

http://www.cnblogs.com/zskbll/p/4080328.html 目录 C#微信公众号开发系列教程一(调试环境部署) C#微信公众号开发系列教程一(调试环境部署续:vs远程调试 ...

微信公众号 分享接口 签名通过 分享无效果(JSSDK自定义分享接口的策略调整)

为规范自定义分享链接功能在网页上的使用,自2017年4月25日起,JSSDK“分享到朋友圈”及“发送给朋友”接口,自定义的分享链接,其域名或路径必须与当前页面对应的公众号JS安全域名一致,否则将调用失 ...

C#微信公众号开发系列教程三(消息体签名及加解密)

http://www.cnblogs.com/zskbll/p/4139039.html C#微信公众号开发系列教程一(调试环境部署) C#微信公众号开发系列教程一(调试环境部署续:vs远程调试) C ...

C#微信公众号开发系列教程二(新手接入指南)

http://www.cnblogs.com/zskbll/p/4093954.html 此系列前面已经更新了两篇博文了,都是微信开发的前期准备工作,现在切入正题,本篇讲解新手接入的步骤与方法,大神可 ...

C#微信公众号开发系列教程六(被动回复与上传下载多媒体文件)

微信公众号开发系列教程一(调试环境部署) 微信公众号开发系列教程一(调试环境部署续:vs远程调试) C#微信公众号开发系列教程二(新手接入指南) C#微信公众号开发系列教程三(消息体签名及加解密) C ...

随机推荐

小菜学习Winform(二)WMPLib实现音乐播放器

前言 现在网上有很多的音乐播放器,但好像都不是.net平台做的,在.net中实现音乐文件的播放功能很简单,下面就简单实现下. SoundPlayer类 在.net提供了音乐文件的类:SoundPlay ...

用 highlight.js 为文章中的代码添加语法高亮

来源:http://www.ghostchina.com/adding-syntax-highlighting-to-ghost-using-highlight-js/ --------------- ...

Python基础二. 数据结构、控制流、运算符、真值测试

一.概述 数据结构上广义上有两种,单一类型和集合类型 单一类型,表示一种对象 集合类型,表示包含多种对象 Python 中的内建的数据类型有str.list.tuple.dict.set.number ...

poj2269 Friends

计算表达式. 只有3种运算符:*,+,- , *优先级高于后两者,后两者优先级相同. 有两种符号:{},(). 利用递归和堆栈即可解决. 首先遇到左括号开始入栈直到遇到右括号,遇到右括号时对括号内的数 ...

Leetcode#128 Longest Consecutive Sequence

原题地址 1. 把所有元素都塞到集合里2. 遍历所有元素,对于每个元素,如果集合里没有,就算了,如果有的话,就向左向右拓展,找到最长的连续范围,同时在每次找的时候都把找到的删掉.这样做保证了同样的连续 ...

Object.prototype.toString & typeof

Object.prototype.toString & typeof Object.prototype.toString 获取某个对象属于哪种内置类型 typeof  得到某个对象的类型 差别 ...

asp.net MVC 路由机制 Route

1:ASP.NET的路由机制主要有两种用途: -->1:匹配请求的Url,将这些请求映射到控制器 -->2:选择一个匹配的路由,构造出一个Url 2:ASP.NET路由机制与URL重写的区 ...

jsonp跨域ajax跨域get方法

原理: 就是利用

POJ 3264-Balanced Lineup-RMQ问题

裸RMQ问题 #include #include #include using namespace s ...

jQuery之CSS选择器的处理机制