1、打开电脑中的浏览器，在搜索框输入“微信公众平台”。会匹配出微信公众平台的官网，这里我们点击进入官网。
2、我们输入账号密码登录微信公众平台，没有账号的朋友可点击右上角“立即注册”进行账号注册，然后再返回登录。登录成功后，将页面滑到底部。我们可以看到一个“开发”图标。
3、点击“开发”图标下方的开发者工具选项。会进入开发者工具页面，我们可以看到共有六个与开发有关的工具。在前期的学习过程中，我们只需要了解前四种即可。
4、开发者文档所有开发者进行公众号开发前必须要看的文档。它可以帮助开发者完成接口以及功能的开发。在线接口调试工具可以帮助我们检测在调用微信公众平台开发者API时，我们所发送的请求参数是否正确。
5、web开发者工具方便我们进行开发调试，可在一定程度上提高我们的开发效率。此工具可在开发者文档中进行下载。
1、在接口定义中确定MVC的GET或者POST方式
由于我们整个Web API平台是基于MVC的基础上进行的API开发，因此整个Web API的接口，在定义的时候，一般需要显示来声明接口是[HttpGet]或者[HttpPost]，虽然有些接口也可以不用声明，但是避免出现类似下面的错误信息，显式声明还是有好处的。
请求的资源不支持 http 方法“POST
例如在基类定义的查找对象接口如下所示。
/// <summary>
/// 查询数据库,检查是否存在指定ID的对象
/// </summary>
/// <param name="id">对象的ID值</param>
/// <returns>存在则返回指定的对象,否则返回Null</returns>
[HttpGet]
public virtual T FindByID(string id, string token)
如果是增删改的接口，一般需要声明为POST方式提交数据，而且基于安全性的考虑，需要携带更多的参数。
/// <summary>
/// 插入指定对象到数据库中
/// </summary>
/// <param name="info">指定的对象</param>
/// <returns>执行操作是否成功。</returns>
[HttpPost]
public virtual CommonResult Insert(T info, string token, string signature, string timestamp, string nonce, string appid)
2、动态对象的接口定义
在一般的Web API接口里面，我们可能都会碰到很多简单类型的参数，但是又想让它们以POST方式提交数据，那么我们就可以有两种方法来处理，一种是定义一个类来放置这些参数，一种是采用动态的JObject参数，前者有很多不方便的地方，因为我们不可能为每个接口参数定义多一个实体类，这样可能会有很多难以管理的类定义。如下面是微信API的调用接口案例，我们也需要设置这样的处理规则。
接口调用请求说明
http请求方式: POST（请使用https协议）
https://apiweixinqqcom/cgi-bin/groups/updateaccess_token=ACCESS_TOKEN
POST数据格式：json
POST数据例子：{"group":{"id":108,"name":"test2_modify2"}}
那么我们采用JObject是这么样的呢，我们来看接口的定义和处理代码。JObject是NewtonsoftJsonLinq命名空间下的一个对象。
/// <summary>
/// 修改用户密码
/// </summary>
/// <param name="param">包含userName和userPassword的复合对象</param>
/// <param name="token">用户访问令牌</param>
/// <returns></returns>
[HttpPost]
public CommonResult ModifyPassword(JObject param, string token)
{
//令牌检查,不通过则抛出异常
CheckResult checkResult = CheckToken(token);
dynamic obj = param;
if (obj != null)
{
string userName = objuserName;
string userPassword = objuserPassword;
bool success = BLLFactory<User>InstanceModifyPassword(userName, userPassword);
return new CommonResult(success);
}
else
{
throw new MyApiException("传递参数出现错误");
}
}
其中我们把JObject对象转换为我们所需要的对象的时候，因为我们没有定义具体的实体类，因此采用了dynamic语法，声明这是一个动态对象，由运行时获取对应的属性。
dynamic obj = param;
这样我们就可以在调用的时候，动态POST对应的JSON对象给Web API接口，而不需要预先定义各种接口参数的类了。
/// <summary>
/// 调用Web API接口，修改用户密码
/// </summary>
/// <param name="userName">用户名称</param>
/// <param name="userPassword">修改的密码</param>
/// <returns>如果修改成功返回true，否则返回false</returns>
public bool ModifyPassword(string userName, string userPassword)
{
var action = "ModifyPassword";
var postData = new
{
userName = userName,
userPassword = userPassword
}ToJson();
string url = GetTokenUrl(action);
CommonResult result = JsonHelper<CommonResult>ConvertJson(url, postData);
return (result != null) resultSuccess : false;
}
其中GetTokenUrl是根据token和API的地址等参数，构建一个完整的提交地址。我们在上面代码通过
var postData = new
{
userName = userName,
userPassword = userPassword
}ToJson();
就可以动态创建一个对象，并生成它的JSON字符串，把数据POST提交到对应的API接口里面即可，然后对结果进行对象的转换就算完成了。
3、集合和分页的处理
在很多接口里面，我们都需要用到分页的处理，Web API也不例外，这样可以提交数据检索效率，减少服务器数据处理的压力，同时也提交客户端的数据显示速度。
一般的集合接口定义如下所示（通用性基类接口）。
/// <summary>
/// 返回数据库所有的对象集合
/// </summary>
/// <returns>指定对象的集合</returns>
[HttpGet]
public virtual List<T> GetAll(string token)
{
//检查用户是否有权限，否则抛出MyDenyAccessException异常
baseCheckAuthorized(AuthorizeKeyListKey, token);
List<T> list = baseBLLGetAll();
return list;
}
但是这样的返回记录会比较多，一般情况下需要分页，那么分页的处理接口定义如下所示。
/// <summary>
/// 根据条件查询数据库,并返回对象集合(用于分页数据显示)
/// </summary>
/// <returns>指定对象的集合</returns>
[HttpPost]
public virtual PagedList<T> FindWithPager(string condition, PagerInfo pagerInfo, string token)
分页接口，在这里返回的结果里面，用了一个PageList的泛型类，这个方便我们获取当前的记录及总数，它的定义如下所示。
/// <summary>
/// 分页集合
/// </summary>
/// <typeparam name="T">对象</typeparam>
public class PagedList<T>
{
/// <summary>
/// 返回记录的总数
/// </summary>
public int total_count { get; set; }
/// <summary>
/// 列表集合
/// </summary>
public List<T> list { get; set; }
}
最后整个分页的处理Web API接口实现如下所示。
/// <summary>
/// 根据条件查询数据库,并返回对象集合(用于分页数据显示)
/// </summary>
/// <returns>指定对象的集合</returns>
[HttpPost]
public virtual PagedList<T> FindWithPager(string condition, PagerInfo pagerInfo, string token)
{
//检查用户是否有权限，否则抛出MyDenyAccessException异常
baseCheckAuthorized(AuthorizeKeyListKey, token);
List<T> list = baseBLLFindWithPager(condition, pagerInfo);
//构造成Json的格式传递
var result = new PagedList<T>() { total_count = pagerInfoRecordCount, list = list };
return result;
}
最后客户端调用分页的Web API代码如下所示。
/// <summary>
/// 根据条件查询数据库,并返回对象集合(用于分页数据显示)
/// </summary>
/// <param name="condition">查询的条件</param>
/// <param name="pagerInfo">分页实体</param>
/// <returns>指定对象的集合</returns>
public virtual List<T> FindWithPager(string condition, ref PagerInfo pagerInfo)
{
var action = "FindWithPager";
string url = GetTokenUrl(action) + stringFormat("&condition={0}", condition);
var postData = pagerInfoToJson();
List<T> result = new List<T>();
PagedList<T> list = JsonHelper<PagedList<T>>ConvertJson(url, postData);
if (list != null)
{
pagerInfoRecordCount = listtotal_count;//修改总记录数
result = listlist;
}
return result;
}
4、混合框架界面整合Web API接口
在整个Web API的平台构建以及在混合框架的整合过程中，我把各个模块还是遵循相对独立的方式进行开发和整合，它们实现了从直接访问数据库、以WCF服务获取数据，以及通过WebAPI调用方式获取数据几种方式的统一，从而实现了整个混合框架的高度整合。
整个混合框架的核心是以相对独立的方式，整合各个可重用的模块，我们可以遵循一定的基础上，快速构建统一的应用平台。
搭建完毕的整个WebAPI平台，其中包括了服务端内容，以API控制器的方式，发布了对应的Web API接口。
在每个混合框架的独立模块里面，我们封装了对应的Web API客户端调用处理，从而实现了Web API的调用方式。
在Win10下，使用Web API模式运行混合框架，获得的主体界面效果如下所示。
独立模块权限管理系统界面如下所示。
系列文章如下所示：
Web API应用架构在Winform混合框架中的应用（1）
Web API应用架构在Winform混合框架中的应用（2）--自定义异常结果的处理
Web API接口设计经验总结
Web API应用架构在Winform混合框架中的应用（3）--Winfrom界面调用WebAPI的过程分解
Web API应用架构在Winform混合框架中的应用（4）--利用代码生成工具快速开发整套应用
Web API应用架构在Winform混合框架中的应用（5）--系统级别字典和公司级别字典并存的处理方式
首先你的网站入口必须是微信服务号（开通认证、拥有获取用户openid权限；订阅号是不行的）。
网页通过微信的Oauth2认证链接。
然后通过服务号菜单链接进入网站，如： https://openweixinqqcom/connect/oauth2/authorizeappid=YOURAPPID&redirect_uri=http://YOUWEBSITE/oauth2php&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect
自己根据微信提供的oauth2接口文档，编写oauth2php内容，（网上有相关官方SDK）
按下面的步骤：
1获取用户openid
2获取accesson_token
3获取用户信息
4授权注册用户,若已存在该用户则直接进入网站。
手机API？
在考虑手机API主要应该考虑的是WebApp的运行环境，也称之为宿主环境。WebApp开发能调用到的API一般来说除了W3C已经规范的API之外（当然有很多宿主环境并没有完全按照W3C标准去实现API，导致API的质量参差不齐），还有宿主环境提供的扩展API（扩展API显然各个厂商自己玩自己的，就没有兼容性可言）。
现在的宿主环境大致就是2种：
手机浏览器
WebView
手机浏览器根据厂商不同，也会有差异，大部分现代手机浏览器还是比较遵循W3C标准的，国内浏览器UC、QQ都会提供自定义的扩展API。
WebView其实与手机浏览器差不多，只不过对W3C标准的支持没有浏览器更新得快，最大的差异就在于扩展API更加个性化，不同的NativeApp引入的WebView都提供不同的API，比如：微信和微博。
调用API的方式也很简单，对于JavaScript来说，最顶级是一个唯一的全局对象，所有API都是在全局对象下面的，对于web开发来说，全局对象就是window，以HTML5 Geolocation 地理位置接口
为识别用户，每个用户对每个公众号有一个唯一的OpenID，如果要在多个公众号、移动应用之间做用户互通，则需前往开放平台，将它们绑定到同一开放平台账号下，绑定后，一个用户虽然对多个公众号和应用有多个不同的OpenID，但是只有一个唯一的UnionID，可以通过获取 用户信息 中的 UnionID 来区分用户的唯一性。
公众号主要通过 公众号消息会话 和 公众号内网页 来为用户提供服务。
公众号分为 订阅号 、 服务号 和 企业号 。
订阅号 和 服务号 的区别：
access_token是公众号的全局唯一接口调用凭据，公众号调用各接口时都需使用access_token。
这里access_token的获取只需服务端调用微信接口获取并存储即可，无需前端通过接口调用。
网页授权流程（详细流程可查看 微信公众号开发文档 ），以Vue项目为例：
注意：
扫码 公众平台测试号申请 ，填写相应的配置：
注意：
利用 微信公众平台接口调试工具 进行相关的配置。
微信浏览器是在webview的上层做的缓存：如果请求过了这个地址，就会存在本地，之后不取线上了。因此在做公众号网页开发时经常要做浏览器缓存的清理：
1第三方发起 授权登录请求， 用户允许授权第三方应用后， 会拉起应用或重定向到第三方网站，并且带上授权临时票据code参数；（第1步官方文档写得很模糊分散,做 授权登录的时候遇到很多问题，现在总结记录下来）2通过code参数加上AppID和AppSecret等，通过API换取access_token，openid；3通过access_token和openid进行接口调用，获取用户基本数据资源或帮助用户实现基本操作。
