React 入门实例教程 - 阮一峰的网络日志
React 入门实例教程
现在最热门的前端框架，毫无疑问是
上周，基于 React 的
发布，结果一天之内，就获得了 5000 颗星，受瞩目程度可见一斑。
React 起源于 Facebook 的内部项目，因为该公司对市场上所有 ，都不满意，就决定自己写一套，用来架设
的网站。做出来以后，发现这套东西很好用，就在2013年5月了。
由于 React 的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用，认为它可能是将来 Web 开发的主流工具。
这个项目本身也越滚越大，从最早的UI引擎变成了一整套前后端通吃的 Web App 解决方案。衍生的 React Native 项目，目标更是宏伟，希望用写 Web App 的方式去写 Native App。如果能够实现，整个互联网行业都会被颠覆，因为同一组人只需要写一次 UI ，就能同时运行在服务器、浏览器和手机（参见）。
既然 React 这么热门，看上去充满希望，当然应该好好学一下。从技术角度，可以满足好奇心，提高技术水平；从职业角度，有利于求职和晋升，有利于参与潜力大的项目。但是，好的 React 教程却不容易找到，这一方面因为这项技术太新，刚刚开始走红，大家都没有经验，还在摸索之中；另一方面因为 React 本身还在不断变动，API 一直在调整，至今没发布1.0版。
我学习 React 时，就很苦恼。有的教程讨论一些细节问题，对入门没帮助；有的教程写得不错，但比较短，无助于看清全貌。我断断续续学了几个月，看过二十几篇教程，在这个过程中，将对自己有帮助的 Demo 都收集下来，做成了一个库
下面，我就根据，写一篇全面又易懂的 React 入门教程。你只需要跟着每一个 Demo 做一遍，就能初步掌握 React 。当然，前提是你必须拥有基本 JavaScript 和 DOM 知识，但是你读完就会发现，React 所要求的预备知识真的很少。
React 的安装包，可以到下载。不过， 已经自带 React 源码，不用另外安装，只需把这个库拷贝到你的硬盘就行了。
$ git clone :ruanyf/react-demos.git
如果你没安装 git， 那就直接下载 。
下面要讲解的12个例子在各个 Demo 子目录，每个目录都有一个 index.html 文件，在浏览器打开这个文件（大多数情况下双击即可），就能立刻看到效果。
需要说明的是，React 可以在浏览器运行，也可以在服务器运行，但是本教程只涉及浏览器。一方面是为了尽量保持简单，另一方面 React 的语法是一致的，服务器的用法与浏览器差别不大。
是服务器首屏渲染的例子，有兴趣的朋友可以自己去看源码。
一、HTML 模板
使用 React 的网页源码，结构大致如下。
&!DOCTYPE html&
&script src="../build/react.js"&&/script&
&script src="../build/react-dom.js"&&/script&
&script src="../build/browser.min.js"&&/script&
&div id="example"&&/div&
&script type="text/babel"&
// ** Our code goes here! **
上面代码有两个地方需要注意。首先，最后一个 &script& 标签的 type 属性为 text/babel 。这是因为 React 独有的 JSX 语法，跟 JavaScript 不兼容。凡是使用 JSX 的地方，都要加上 type="text/babel" 。
其次，上面代码一共用了三个库： react.js 、react-dom.js 和 Browser.js ，它们必须首先加载。其中，react.js 是 React 的核心库，react-dom.js 是提供与 DOM 相关的功能，Browser.js 的作用是将 JSX 语法转为 JavaScript 语法，这一步很消耗时间，实际上线的时候，应该将它放到服务器完成。
$ babel src --out-dir build
上面命令可以将 src 子目录的 js 文件进行语法转换，转码后的文件全部放在 build 子目录。
二、ReactDOM.render()
ReactDOM.render 是 React 的最基本方法，用于将模板转为 HTML 语言，并插入指定的 DOM 节点。
ReactDOM.render(
&h1>Hello, world!&/h1>,
document.getElementById('example')
上面代码将一个 h1 标题，插入 example 节点（查看 ），运行结果如下。
三、JSX 语法
上一节的代码， HTML 语言直接写在 JavaScript 语言之中，不加任何引号，这就是 ，它允许 HTML 与 JavaScript 的混写（查看
var names = ['Alice', 'Emily', 'Kate'];
ReactDOM.render(
names.map(function (name) {
return &div>Hello, {name}!&/div>
document.getElementById('example')
上面代码体现了 JSX 的基本语法规则：遇到 HTML 标签（以 & 开头），就用 HTML 规则解析；遇到代码块（以 { 开头），就用 JavaScript 规则解析。上面代码的运行结果如下。
JSX 允许直接在模板插入 JavaScript 变量。如果这个变量是一个数组，则会展开这个数组的所有成员（查看
var arr = [
&h1>Hello world!&/h1>,
&h2>React is awesome&/h2>,
ReactDOM.render(
&div>{arr}&/div>,
document.getElementById('example')
上面代码的arr变量是一个数组，结果 JSX 会把它的所有成员，添加到模板，运行结果如下。
React 允许将代码封装成组件（component），然后像插入普通 HTML 标签一样，在网页中插入这个组件。React.createClass 方法就用于生成一个组件类（查看 ）。
var HelloMessage = React.createClass({
render: function() {
return &h1>Hello {this.props.name}&/h1>;
ReactDOM.render(
&HelloMessage name="John" />,
document.getElementById('example')
上面代码中，变量 HelloMessage 就是一个组件类。模板插入 &HelloMessage /& 时，会自动生成 HelloMessage 的一个实例（下文的"组件"都指组件类的实例）。所有组件类都必须有自己的 render 方法，用于输出组件。
注意，组件类的第一个字母必须大写，否则会报错，比如HelloMessage不能写成helloMessage。另外，组件类只能包含一个顶层标签，否则也会报错。
var HelloMessage = React.createClass({
render: function() {
return &h1>
Hello {this.props.name}
上面代码会报错，因为HelloMessage组件包含了两个顶层标签：h1和p。
组件的用法与原生的 HTML 标签完全一致，可以任意加入属性，比如 &HelloMessage
name="John"& ，就是 HelloMessage 组件加入一个 name 属性，值为 John。组件的属性可以在组件类的 this.props 对象上获取，比如 name 属性就可以通过 this.props.name 读取。上面代码的运行结果如下。
添加组件属性，有一个地方需要注意，就是 class 属性需要写成 className ，for 属性需要写成 htmlFor ，这是因为 class 和 for 是 JavaScript 的保留字。
五、this.props.children
this.props 对象的属性与组件的属性一一对应，但是有一个例外，就是 this.props.children 属性。它表示组件的所有子节点（查看 ）。
var NotesList = React.createClass({
render: function() {
React.Children.map(this.props.children, function (child) {
return &li>{child}&/li>;
ReactDOM.render(
&NotesList>
&span>hello&/span>
&span>world&/span>
&/NotesList>,
document.body
上面代码的 NoteList 组件有两个 span 子节点，它们都可以通过 this.props.children 读取，运行结果如下。
这里需要注意， this.props.children 的值有三种可能：如果当前组件没有子节点，它就是 undefined ;如果有一个子节点，数据类型是 object ；如果有多个子节点，数据类型就是 array 。所以，处理 this.props.children 的时候要小心。
React 提供一个工具方法
来处理 this.props.children 。我们可以用 React.Children.map 来遍历子节点，而不用担心 this.props.children 的数据类型是 undefined 还是 object。更多的 React.Children 的方法，请参考。
六、PropTypes
组件的属性可以接受任意值，字符串、对象、函数等等都可以。有时，我们需要一种机制，验证别人使用组件时，提供的参数是否符合要求。
组件类的PropTypes属性，就是用来验证组件实例的属性是否符合要求（查看 ）。
var MyTitle = React.createClass({
propTypes: {
title: React.PropTypes.string.isRequired,
render: function() {
return &h1> {this.props.title} &/h1&;
上面的Mytitle组件有一个title属性。PropTypes 告诉 React，这个 title 属性是必须的，而且它的值必须是字符串。现在，我们设置 title 属性的值是一个数值。
var data = 123;
ReactDOM.render(
&MyTitle title={data} /&,
document.body
这样一来，title属性就通不过验证了。控制台会显示一行错误信息。
Warning: Failed propType: Invalid prop `title` of type `number` supplied to `MyTitle`, expected `string`.
更多的PropTypes设置，可以查看。
此外，getDefaultProps 方法可以用来设置组件属性的默认值。
var MyTitle = React.createClass({
getDefaultProps : function () {
title : 'Hello World'
render: function() {
return &h1& {this.props.title} &/h1&;
ReactDOM.render(
&MyTitle /&,
document.body
上面代码会输出"Hello World"。
七、获取真实的DOM节点
组件并不是真实的 DOM 节点，而是存在于内存之中的一种数据结构，叫做虚拟 DOM （virtual DOM）。只有当它插入文档以后，才会变成真实的 DOM 。根据 React 的设计，所有的 DOM 变动，都先在虚拟 DOM 上发生，然后再将实际发生变动的部分，反映在真实 DOM上，这种算法叫做
，它可以极大提高网页的性能表现。
但是，有时需要从组件获取真实 DOM 的节点，这时就要用到 ref 属性（查看
var MyComponent = React.createClass({
handleClick: function() {
this.refs.myTextInput.focus();
render: function() {
&input type="text" ref="myTextInput" />
&input type="button" value="Focus the text input" onClick={this.handleClick} />
ReactDOM.render(
&MyComponent />,
document.getElementById('example')
上面代码中，组件 MyComponent 的子节点有一个文本输入框，用于获取用户的输入。这时就必须获取真实的 DOM 节点，虚拟 DOM 是拿不到用户输入的。为了做到这一点，文本输入框必须有一个 ref 属性，然后 this.refs.[refName] 就会返回这个真实的 DOM 节点。
需要注意的是，由于 this.refs.[refName] 属性获取的是真实 DOM ，所以必须等到虚拟 DOM 插入文档以后，才能使用这个属性，否则会报错。上面代码中，通过为组件指定 Click 事件的回调函数，确保了只有等到真实 DOM 发生 Click 事件之后，才会读取 this.refs.[refName] 属性。
React 组件支持很多事件，除了 Click 事件以外，还有 KeyDown 、Copy、Scroll 等，完整的事件清单请查看。
八、this.state
组件免不了要与用户互动，React 的一大创新，就是将组件看成是一个状态机，一开始有一个初始状态，然后用户互动，导致状态变化，从而触发重新渲染 UI （查看
var LikeButton = React.createClass({
getInitialState: function() {
return {liked: false};
handleClick: function(event) {
this.setState({liked: !this.state.liked});
render: function() {
var text = this.state.liked ? 'like' : 'haven\'t liked';
&p onClick={this.handleClick}>
You {text} this. Click to toggle.
ReactDOM.render(
&LikeButton />,
document.getElementById('example')
上面代码是一个 LikeButton 组件，它的 getInitialState 方法用于定义初始状态，也就是一个对象，这个对象可以通过 this.state 属性读取。当用户点击组件，导致状态变化，this.setState 方法就修改状态值，每次修改以后，自动调用 this.render 方法，再次渲染组件。
由于 this.props 和 this.state 都用于描述组件的特性，可能会产生混淆。一个简单的区分方法是，this.props 表示那些一旦定义，就不再改变的特性，而 this.state 是会随着用户互动而产生变化的特性。
用户在表单填入的内容，属于用户跟组件的互动，所以不能用 this.props 读取（查看
var Input = React.createClass({
getInitialState: function() {
return {value: 'Hello!'};
handleChange: function(event) {
this.setState({value: event.target.value});
render: function () {
var value = this.state.
&input type="text" value={value} onChange={this.handleChange} />
&p>{value}&/p>
ReactDOM.render(&Input/>, document.body);
上面代码中，文本输入框的值，不能用 this.props.value 读取，而要定义一个 onChange 事件的回调函数，通过 event.target.value 读取用户输入的值。textarea 元素、select元素、radio元素都属于这种情况，更多介绍请参考。
十、组件的生命周期
组件的分成三个状态：
Mounting：已插入真实 DOM
Updating：正在被重新渲染
Unmounting：已移出真实 DOM
React 为每个状态都提供了两种处理函数，will 函数在进入状态之前调用，did 函数在进入状态之后调用，三种状态共计五种处理函数。
componentWillMount()
componentDidMount()
componentWillUpdate(object nextProps, object nextState)
componentDidUpdate(object prevProps, object prevState)
componentWillUnmount()
此外，React 还提供两种特殊状态的处理函数。
componentWillReceiveProps(object nextProps)：已加载组件收到新的参数时调用
shouldComponentUpdate(object nextProps, object nextState)：组件判断是否重新渲染时调用
这些方法的详细说明，可以参考。下面是一个例子（查看
var Hello = React.createClass({
getInitialState: function () {
opacity: 1.0
componentDidMount: function () {
this.timer = setInterval(function () {
var opacity = this.state.
opacity -= .05;
if (opacity & 0.1) {
opacity = 1.0;
this.setState({
opacity: opacity
}.bind(this), 100);
render: function () {
&div style={{opacity: this.state.opacity}}>
Hello {this.props.name}
ReactDOM.render(
&Hello name="world"/>,
document.body
上面代码在hello组件加载以后，通过 componentDidMount 方法设置一个定时器，每隔100毫秒，就重新设置组件的透明度，从而引发重新渲染。
另外，组件的style属性的设置方式也值得注意，不能写成
style="opacity:{this.state.opacity};"
style={{opacity: this.state.opacity}}
这是因为 是一个对象，所以第一重大括号表示这是 JavaScript 语法，第二重大括号表示样式对象。
十一、Ajax
组件的数据来源，通常是通过 Ajax 请求从服务器获取，可以使用 componentDidMount 方法设置 Ajax 请求，等到请求成功，再用 this.setState 方法重新渲染 UI （查看
var UserGist = React.createClass({
getInitialState: function() {
username: '',
lastGistUrl: ''
componentDidMount: function() {
$.get(this.props.source, function(result) {
var lastGist = result[0];
if (this.isMounted()) {
this.setState({
username: lastGist.owner.login,
lastGistUrl: lastGist.html_url
}.bind(this));
render: function() {
{this.state.username}'s last gist is
&a href={this.state.lastGistUrl}>here&/a>.
ReactDOM.render(
&UserGist source="https://api.github.com/users/octocat/gists" />,
document.body
上面代码使用 jQuery 完成 Ajax 请求，这是为了便于说明。React 本身没有任何依赖，完全可以不用jQuery，而使用其他库。
我们甚至可以把一个Promise对象传入组件，请看。
ReactDOM.render(
promise={$.getJSON('https://api.github.com/search/repositories?q=javascript&sort=stars')}
document.body
上面代码从Github的API抓取数据，然后将Promise对象作为属性，传给RepoList组件。
如果Promise对象正在抓取数据（pending状态），组件显示"正在加载"；如果Promise对象报错（rejected状态），组件显示报错信息；如果Promise对象抓取数据成功（fulfilled状态），组件显示获取的数据。
var RepoList = React.createClass({
getInitialState: function() {
return { loading: true, error: null, data: null};
componentDidMount() {
this.props.promise.then(
value => this.setState({loading: false, data: value}),
error => this.setState({loading: false, error: error}));
render: function() {
if (this.state.loading) {
return &span>Loading...&/span>;
else if (this.state.error !== null) {
return &span>Error: {this.state.error.message}&/span>;
var repos = this.state.data.
var repoList = repos.map(function (repo) {
&a href={repo.html_url}>{repo.name}&/a> ({repo.stargazers_count} stars) &br/> {repo.description}
&h1>Most Popular JavaScript Projects in Github&/h1>
&ol>{repoList}&/ol>
十二、参考链接
, by Sebastian Markb?ge
, by Jack Callister
, by Ken Wheeler
, by Ryan Clark
, by Justin Deal
, by Binary Muse
, by zigomir
一、问题的由来
学懂 JavaScript 语言，一个标志就是理解下面两种写法，可能有不一样的结果。
JavaScript 程序越来越复杂，调试工具的重要性日益凸显。客户端脚本有浏览器，Node 脚本怎么调试呢？
JavaScript 是单线程运行，异步操作特别重要。
2017年6月，TC39 委员会正式发布了《ES2017 标准》。『 不要让任何事情成为你不去学习的理由！』
【iOS开发必收藏】详解iOS应用程序内使用IAP/StoreKit付费、沙盒（SandBox）测试、创建测试账号流程！【日更新获取”产品付费数量等于0的问题”】
本站文章均为
原创,转载务必在明显处注明：
转载自【黑米GameDev街区】 原文链接:
//——日更新
获取”产品付费数量等于0这个问题”的原因
看到很多童鞋问到，为什么每次都返回数量等于0？？
其实有童鞋已经找到原因了，原因是你在 ItunesConnect 里的 “”没有完成设置账户信息。
确定 ItunesConnect 里 “”的状态，如下图所示，即可：
这里也是由于Himi疏忽的原因没有说明，这里先给童鞋们带来的麻烦，致以歉意。
//—&#-25日更新iap恢复
看到很多童鞋说让Himi讲解如何恢复iap产品，其实博文已经给出了。这里再详细说下:
首先向AppStore请求恢复交易：
[[SKPaymentQueue defaultQueue] restoreCompletedTransactions];
[[SKPaymentQueue defaultQueue] restoreCompletedTransactions];
然后当用户输入正确的appStore账号密码后，进入
– (void)paymentQueue:(SKPaymentQueue *)queue updatedTransactions:(NSArray *)transactions//交易结果
进入上面函数中的
case SKPaymentTransactionStateRestored://恢复
[self restoreTransaction:transaction];
case SKPaymentTransactionStateRestored://恢复&&&&&&&&&&&&{&&&&&&&&&&&&&&&&[self restoreTransaction:transaction];&&&&&&&&&&&&&}&&&&&&&&&&&&&&&&break;
然后我们再以下重写函数中处理即可！
– (void) restoreTransaction: (SKPaymentTransaction *)transaction
//——-
在应用内嵌入付费代码这一快Himi可以直接将代码分享给大家，所以我们来说一些主要流程，毕竟没有接触过这一块的童鞋肯定相当头疼 =。
OK，步入整体，如果你想在iOS里内嵌收费，那么分为以下几步：
【提示：以下创建App部分内容，你不用非要等项目能打包了才开始做，可以随时并且随便的创建个测试项目即可，因为嵌入付费并不要求上传App的ipa包的！！】
第一步：你需要在iTunesConnect中创建个新的App，然后为这个App设置一些产品（付费道具）等；
OK，这里Himi稍微解释下，iTunesConnect是苹果提供的一个平台，主要提供AP发布和管理App的，最重要的功能是创建管理项目信息，项目付费产品（道具）管理、付费的测试账号、提交App等等，这里就简单介绍这么多，关于产品一词在此我们可以理解成游戏道具即可；在苹果看来所有付费都属于产品 =。 =千万不要纠结字眼哦～
OK，打开iTunesConnect网站： (注意：企业级的用户必须使用公司主开发者账号登陆才可！)
成功登陆后的页面如下：
这里大概说下重要的一些项：
Contracts, Tax, and Banking
： 管理银行账号、联系人以及税等等；这里要根据提示完成对应的信息填写！一定要详细填写喔～
Manage Users ：管理用户的，比如主账号以及测试付费的（测试App）账号；
Manage Your Applictions：管理应用程序的，你所有发布的应用和每个应用的状态都在这里面；
下面我们新建一个App项目，大家放心，我们这里创建的是不会直接提交给App审核的，所以放心创建，只要控制好App的状态不要是待审核状态即可，不过即使你不小心将项目提交了，也没事，直接更改App状态即可了；
选择Manage Your Applictions选项，然后新建一个项目：【Add New App】，根据提示来填写吧，这里就不细致说明了～
创建好一个App之后，在点击Manage Your Applictions后的界面应该如下：
这里你将看到自己创建的App，点击你创建的App项目，这里Himi创建的项目名字叫”ProjectForBuyTest“，点击你的App进入如下界面：
(注意：这里的Bundle ID一定要跟你的项目中的info.plist中的Bundle ID保证一致！！！！）
这里可以管理你的项目的信息、状态、是否嵌入GameCenter等等选项，那么本章我们重点介绍如何使用IAp沙盒测试程序内付费，所以这里我们点击右上角的”Manage In-App Purchases“选项进入创建产品（游戏道具）界面如下：
上图中的下方看到Himi创建过的四个产品（道具）了，你可以点击”Create New“选项新建一个产品（付费道具），点击新建如下界面：
上图中Himi没有截图出所有的选项，这里大概介绍下，这个界面是选择你的消费道具的种类，种类说明如下：
类型选择有四种选择：
1.Consumable（消耗品）: 每次下载都需要付费；
2.Non-consumable（非消耗品）: 仅需付费一次；
3.Auto-Renewable Subscriptions：自动订阅；
4.Free Subscription：免费订阅
最下方是你沙盒测试的截图，暂且不管即可；
这里Himi选择Consumable选项，比如很多游戏都是购买金币啦这样子就可以选择这个；然后出现如下界面：
Reference Name： 付费产品（道具的）参考名称
Product ID（产品ID）: 你产品的唯一id。通常格式是 com.xx.yy，但它可以是任何形式，不要求以程序的App ID作为前缀。
Add Language: 添加产品名称与描述语言；
Price Tier：选择价格，这里你选择价格后，会出现如上图最下方的价格对照表
Screenshot（截屏）: 展示你产品的截屏。（这个直接无视，测试App务必要管这个的）
Product ID（产品ID）可以创建多个，比如我想游戏中分为0.99$ 、1.99$等道具那就创建对应多个产品ID！
我们填写好了”Reference Name“与”Product ID“以及”Price Tier“后，点击”Add Language“选项然后出现如下界面：
上图中的选项：
Language：语言
Displayed Name（显示名称）: 用户看到的产品名称。
Description（描述）: 对产品进行描述。
Ok，一路 Save保存回到”Manage In-App Purchases“界面中会看到我们新建的产品（道具）如下：
大家可以看到新建的产品（道具）ID：这里Himi创建的产品ID是com.himi.wahaha ，这里要记住这个产品ID哦～
第二步：申请测试账号，利用沙盒测试模拟AppStore购买道具流程！
回到itunesconnect主页中，选择“Manage Users”然后选择“Test User”，然后出现的界面如下图：
这里Himi已经创建了两个测试账号了，点击界面中的 “Add New User”进行创建即可；记住账号和密码哈，记不住就删掉重新建 娃哈哈～（切记：不能用于真正的AppStore中使用此账号，不仅不能用，而且一旦AppStore发现后果你懂得～）
第三步：在项目中申请购买产品代码以及监听；
这里关于购买的代码部分呢，我都有备注的，Himi这里就不详细讲解了，Himi只是在代码后介绍几点值得注意的地方：
这里Himi是新建的一个Cocos2d的项目，然后给出HelloWorldLayer.h以及HelloWorldLayer.m的全部代码，所有购买代码也全在里面也对应有Himi的注释！
HelloWorldLayer.h
HelloWorldLayer.h
Created by 华明 李 on 11-10-29.
Copyright Himi 2011年. All rights reserved.
// When you import this file, you import all the cocos2d classes
#import "cocos2d.h"
#import &UIKit/UIKit.h&
#import &StoreKit/StoreKit.h&
IAP0p99=10,
}buyCoinsT
@interface HelloWorldLayer : CCLayer&SKProductsRequestDelegate,SKPaymentTransactionObserver&
+(CCScene *)
- (void) requestProUpgradeProductD
-(void)RequestProductD
-(bool)CanMakeP
-(void)buy:(int)
- (void)paymentQueue:(SKPaymentQueue *)queue updatedTransactions:(NSArray *)
-(void) PurchasedTransaction: (SKPaymentTransaction *)
- (void) completeTransaction: (SKPaymentTransaction *)
- (void) failedTransaction: (SKPaymentTransaction *)
-(void) paymentQueueRestoreCompletedTransactionsFinished: (SKPaymentTransaction *)
-(void) paymentQueue:(SKPaymentQueue *) paymentQueue restoreCompletedTransactionsFailedWithError:(NSError *)
- (void) restoreTransaction: (SKPaymentTransaction *)
-(void)provideContent:(NSString *)
-(void)recordTransaction:(NSString *)
1234567891011121314151617181920212223242526272829303132333435363738394041
////&&HelloWorldLayer.h//&&buytest////&&Created by 华明 李 on 11-10-29.//&&Copyright Himi 2011年. All rights reserved.//&&&// When you import this file, you import all the cocos2d classes#import "cocos2d.h"#import &UIKit/UIKit.h&&&&#import &StoreKit/StoreKit.h&enum{&&&& IAP0p99=10,&&&& IAP1p99,&&&& IAP4p99,&&&& IAP9p99,&&&& IAP24p99,}buyCoinsTag;&& &@interface HelloWorldLayer : CCLayer<SKProductsRequestDelegate,SKPaymentTransactionObserver>{&&&&int buyType;}&&&+(CCScene *) scene;- (void) requestProUpgradeProductData;-(void)RequestProductData;-(bool)CanMakePay;-(void)buy:(int)type;- (void)paymentQueue:(SKPaymentQueue *)queue updatedTransactions:(NSArray *)transactions;-(void) PurchasedTransaction: (SKPaymentTransaction *)transaction;- (void) completeTransaction: (SKPaymentTransaction *)transaction;- (void) failedTransaction: (SKPaymentTransaction *)transaction;-(void) paymentQueueRestoreCompletedTransactionsFinished: (SKPaymentTransaction *)transaction;-(void) paymentQueue:(SKPaymentQueue *) paymentQueue restoreCompletedTransactionsFailedWithError:(NSError *)error;- (void) restoreTransaction: (SKPaymentTransaction *)transaction;-(void)provideContent:(NSString *)product;-(void)recordTransaction:(NSString *)product;@end
HelloWorldLayer.m
IapLayer.m
Created by Himi on 11-5-25.
Copyright 2011年 李华明 . All rights reserved.
#import "HelloWorldLayer.h"
#define ProductID_IAP0p99 @"com.buytest.one"//$0.99
#define ProductID_IAP1p99 @"com.buytest.two" //$1.99
#define ProductID_IAP4p99 @"com.buytest.three" //$4.99
#define ProductID_IAP9p99 @"com.buytest.four" //$19.99
#define ProductID_IAP24p99 @"com.buytest.five" //$24.99
@implementation HelloWorldLayer
+(CCScene *) scene
CCScene *scene = [CCScene node];
HelloWorldLayer *layer = [HelloWorldLayer node];
[scene addChild: layer];
if ((self = [super init])) {
CGSize size = [[CCDirector sharedDirector] winSize];
CCSprite *iap_bg
= [CCSprite spriteWithFile:@"Icon.png"];
[iap_bg setPosition:ccp(size.width/2,size.height/2)];
[self addChild:iap_bg z:0];
//---------------------
//----监听购买结果
[[SKPaymentQueue defaultQueue] addTransactionObserver:self];
//申请购买
IAP0p99=10,
}buyCoinsT
[self buy:IAP24p99];
-(void)buy:(int)type
if ([SKPaymentQueue canMakePayments]) {
//[[SKPaymentQueue defaultQueue] restoreCompletedTransactions];
[self RequestProductData];
CCLOG(@"允许程序内付费购买");
CCLOG(@"不允许程序内付费购买");
UIAlertView *alerView =
[[UIAlertView alloc] initWithTitle:@"Alert"
message:@"You can‘t purchase in app store（Himi说你没允许应用程序内购买）"
delegate:nil cancelButtonTitle:NSLocalizedString(@"Close（关闭）",nil) otherButtonTitles:nil];
[alerView show];
[alerView release];
-(bool)CanMakePay
return [SKPaymentQueue canMakePayments];
-(void)RequestProductData
CCLOG(@"---------请求对应的产品信息------------");
NSArray *product =
switch (buyType) {
case IAP0p99:
product=[[NSArray alloc] initWithObjects:ProductID_IAP0p99,nil];
case IAP1p99:
product=[[NSArray alloc] initWithObjects:ProductID_IAP1p99,nil];
case IAP4p99:
product=[[NSArray alloc] initWithObjects:ProductID_IAP4p99,nil];
case IAP9p99:
product=[[NSArray alloc] initWithObjects:ProductID_IAP9p99,nil];
case IAP24p99:
product=[[NSArray alloc] initWithObjects:ProductID_IAP24p99,nil];
NSSet *nsset = [NSSet setWithArray:product];
SKProductsRequest *request=[[SKProductsRequest alloc] initWithProductIdentifiers: nsset];
request.delegate=
[request start];
[product release];
//&SKProductsRequestDelegate& 请求协议
//收到的产品信息
- (void)productsRequest:(SKProductsRequest *)request didReceiveResponse:(SKProductsResponse *)response{
NSLog(@"-----------收到产品反馈信息--------------");
NSArray *myProduct = response.
NSLog(@"产品Product ID:%@",response.invalidProductIdentifiers);
NSLog(@"产品付费数量: %d", [myProduct count]);
// populate UI
for(SKProduct *product in myProduct){
NSLog(@"product info");
NSLog(@"SKProduct 描述信息%@", [product description]);
NSLog(@"产品标题 %@" , product.localizedTitle);
NSLog(@"产品描述信息: %@" , product.localizedDescription);
NSLog(@"价格: %@" , product.price);
NSLog(@"Product id: %@" , product.productIdentifier);
SKPayment *payment =
switch (buyType) {
case IAP0p99:
= [SKPayment paymentWithProductIdentifier:ProductID_IAP0p99];
//支付$0.99
case IAP1p99:
= [SKPayment paymentWithProductIdentifier:ProductID_IAP1p99];
//支付$1.99
case IAP4p99:
= [SKPayment paymentWithProductIdentifier:ProductID_IAP4p99];
//支付$9.99
case IAP9p99:
= [SKPayment paymentWithProductIdentifier:ProductID_IAP9p99];
//支付$19.99
case IAP24p99:
= [SKPayment paymentWithProductIdentifier:ProductID_IAP24p99];
//支付$29.99
CCLOG(@"---------发送购买请求------------");
[[SKPaymentQueue defaultQueue] addPayment:payment];
[request autorelease];
- (void)requestProUpgradeProductData
CCLOG(@"------请求升级数据---------");
NSSet *productIdentifiers = [NSSet setWithObject:@"com.productid"];
SKProductsRequest* productsRequest = [[SKProductsRequest alloc] initWithProductIdentifiers:productIdentifiers];
productsRequest.delegate =
[productsRequest start];
//弹出错误信息
- (void)request:(SKRequest *)request didFailWithError:(NSError *)error{
CCLOG(@"-------弹出错误信息----------");
UIAlertView *alerView =
[[UIAlertView alloc] initWithTitle:NSLocalizedString(@"Alert",NULL) message:[error localizedDescription]
delegate:nil cancelButtonTitle:NSLocalizedString(@"Close",nil) otherButtonTitles:nil];
[alerView show];
[alerView release];
-(void) requestDidFinish:(SKRequest *)request
NSLog(@"----------反馈信息结束--------------");
-(void) PurchasedTransaction: (SKPaymentTransaction *)transaction{
CCLOG(@"-----PurchasedTransaction----");
NSArray *transactions =[[NSArray alloc] initWithObjects:transaction, nil];
[self paymentQueue:[SKPaymentQueue defaultQueue] updatedTransactions:transactions];
[transactions release];
//&SKPaymentTransactionObserver& 千万不要忘记绑定，代码如下：
//----监听购买结果
//[[SKPaymentQueue defaultQueue] addTransactionObserver:self];
- (void)paymentQueue:(SKPaymentQueue *)queue updatedTransactions:(NSArray *)transactions//交易结果
CCLOG(@"-----paymentQueue--------");
for (SKPaymentTransaction *transaction in transactions)
switch (transaction.transactionState)
case SKPaymentTransactionStatePurchased://交易完成
[self completeTransaction:transaction];
CCLOG(@"-----交易完成 --------");
CCLOG(@"不允许程序内付费购买");
UIAlertView *alerView =
[[UIAlertView alloc] initWithTitle:@"Alert"
message:@"Himi说你购买成功啦～娃哈哈"
delegate:nil cancelButtonTitle:NSLocalizedString(@"Close（关闭）",nil) otherButtonTitles:nil];
[alerView show];
[alerView release];
case SKPaymentTransactionStateFailed://交易失败
[self failedTransaction:transaction];
CCLOG(@"-----交易失败 --------");
UIAlertView *alerView2 =
[[UIAlertView alloc] initWithTitle:@"Alert"
message:@"Himi说你购买失败，请重新尝试购买～"
delegate:nil cancelButtonTitle:NSLocalizedString(@"Close（关闭）",nil) otherButtonTitles:nil];
[alerView2 show];
[alerView2 release];
case SKPaymentTransactionStateRestored://已经购买过该商品
[self restoreTransaction:transaction];
CCLOG(@"-----已经购买过该商品 --------");
case SKPaymentTransactionStatePurchasing:
//商品添加进列表
CCLOG(@"-----商品添加进列表 --------");
- (void) completeTransaction: (SKPaymentTransaction *)transaction
CCLOG(@"-----completeTransaction--------");
// Your application should implement these two methods.
NSString *product = transaction.payment.productI
if ([product length] & 0) {
NSArray *tt = [product componentsSeparatedByString:@"."];
NSString *bookid = [tt lastObject];
if ([bookid length] & 0) {
[self recordTransaction:bookid];
[self provideContent:bookid];
// Remove the transaction from the payment queue.
[[SKPaymentQueue defaultQueue] finishTransaction: transaction];
//记录交易
-(void)recordTransaction:(NSString *)product{
CCLOG(@"-----记录交易--------");
//处理下载内容
-(void)provideContent:(NSString *)product{
CCLOG(@"-----下载--------");
- (void) failedTransaction: (SKPaymentTransaction *)transaction{
NSLog(@"失败");
if (transaction.error.code != SKErrorPaymentCancelled)
[[SKPaymentQueue defaultQueue] finishTransaction: transaction];
-(void) paymentQueueRestoreCompletedTransactionsFinished: (SKPaymentTransaction *)transaction{
- (void) restoreTransaction: (SKPaymentTransaction *)transaction
NSLog(@" 交易恢复处理");
-(void) paymentQueue:(SKPaymentQueue *) paymentQueue restoreCompletedTransactionsFailedWithError:(NSError *)error{
CCLOG(@"-------paymentQueue----");
#pragma mark connection delegate
- (void)connection:(NSURLConnection *)connection didReceiveData:(NSData *)data
NSLog(@"%@",
[[[NSString alloc] initWithData:data encoding:NSUTF8StringEncoding] autorelease]);
- (void)connectionDidFinishLoading:(NSURLConnection *)connection{
- (void)connection:(NSURLConnection *)connection didReceiveResponse:(NSURLResponse *)response{
switch([(NSHTTPURLResponse *)response statusCode]) {
- (void)connection:(NSURLConnection *)connection didFailWithError:(NSError *)error {
NSLog(@"test");
-(void)dealloc
[[SKPaymentQueue defaultQueue] removeTransactionObserver:self];//解除监听
[super dealloc];
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316
////&&IapLayer.m////&&Created by Himi on 11-5-25.//&&Copyright 2011年 李华明 . All rights reserved.//&&&&&#import "HelloWorldLayer.h"#define ProductID_IAP0p99 @"com.buytest.one"//$0.99#define ProductID_IAP1p99 @"com.buytest.two" //$1.99#define ProductID_IAP4p99 @"com.buytest.three" //$4.99#define ProductID_IAP9p99 @"com.buytest.four" //$19.99#define ProductID_IAP24p99 @"com.buytest.five" //$24.99&&&&&&&@implementation HelloWorldLayer+(CCScene *) scene{&&&&CCScene *scene = [CCScene node];&&&&HelloWorldLayer *layer = [HelloWorldLayer node];&&&&[scene addChild: layer];&&&&return scene;}-(id)init{&&&&if ((self = [super init])) {&&&&&&&&CGSize size = [[CCDirector sharedDirector] winSize];&&&&&&&&CCSprite *iap_bg&&= [CCSprite spriteWithFile:@"Icon.png"];&&&&&&&&[iap_bg setPosition:ccp(size.width/2,size.height/2)];&&&&&&&&[self addChild:iap_bg z:0];&&&&&&&&//---------------------&&&&&&&&//----监听购买结果&&&&&&&&[[SKPaymentQueue defaultQueue] addTransactionObserver:self];&&&&&&&&//申请购买&&&&&&&&/*&&&&&&&& enum{&&&&&&&& IAP0p99=10,&&&&&&&& IAP1p99,&&&&&&&& IAP4p99,&&&&&&&& IAP9p99,&&&&&&&& IAP24p99,&&&&&&&& }buyCoinsT&&&&&&&& */&&&&&&&&[self buy:IAP24p99];&&&&}&&&&return self;}&&&&&-(void)buy:(int)type{&&&&buyType = type;&&&&if ([SKPaymentQueue canMakePayments]) {&&&&&&&&//[[SKPaymentQueue defaultQueue] restoreCompletedTransactions];&&&&&&&&[self RequestProductData];&&&&&&&&CCLOG(@"允许程序内付费购买");&&&&}&&&&else&&&&{&&&&&&&&CCLOG(@"不允许程序内付费购买");&&&&&&&&UIAlertView *alerView =&&[[UIAlertView alloc] initWithTitle:@"Alert"&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&message:@"You can‘t purchase in app store（Himi说你没允许应用程序内购买）"&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& delegate:nil cancelButtonTitle:NSLocalizedString(@"Close（关闭）",nil) otherButtonTitles:nil];&&&&&&&&&&&&&[alerView show];&&&&&&&&[alerView release];&&&&&&&&&}}&&&&&-(bool)CanMakePay{&&&&return [SKPaymentQueue canMakePayments];}&&&&&-(void)RequestProductData{&&&&CCLOG(@"---------请求对应的产品信息------------");&&&&NSArray *product = nil;&&&&switch (buyType) {&&&&&&&&case IAP0p99:&&&&&&&&&&&&product=[[NSArray alloc] initWithObjects:ProductID_IAP0p99,nil];&&&&&&&&&&&&break;&&&&&&&&case IAP1p99:&&&&&&&&&&&&product=[[NSArray alloc] initWithObjects:ProductID_IAP1p99,nil];&&&&&&&&&&&&break;&&&&&&&&case IAP4p99:&&&&&&&&&&&&product=[[NSArray alloc] initWithObjects:ProductID_IAP4p99,nil];&&&&&&&&&&&&break;&&&&&&&&case IAP9p99:&&&&&&&&&&&&product=[[NSArray alloc] initWithObjects:ProductID_IAP9p99,nil];&&&&&&&&&&&&break;&&&&&&&&case IAP24p99:&&&&&&&&&&&&product=[[NSArray alloc] initWithObjects:ProductID_IAP24p99,nil];&&&&&&&&&&&&break;&&&&&&&&&&&&&default:&&&&&&&&&&&&break;&&&&}&&&&NSSet *nsset = [NSSet setWithArray:product];&&&&SKProductsRequest *request=[[SKProductsRequest alloc] initWithProductIdentifiers: nsset];&&&&request.delegate=self;&&&&[request start];&&&&[product release];}//&SKProductsRequestDelegate& 请求协议//收到的产品信息- (void)productsRequest:(SKProductsRequest *)request didReceiveResponse:(SKProductsResponse *)response{&&&&&&&&&NSLog(@"-----------收到产品反馈信息--------------");&&&&NSArray *myProduct = response.products;&&&&NSLog(@"产品Product ID:%@",response.invalidProductIdentifiers);&&&&NSLog(@"产品付费数量: %d", [myProduct count]);&&&&// populate UI&&&&for(SKProduct *product in myProduct){&&&&&&&&NSLog(@"product info");&&&&&&&&NSLog(@"SKProduct 描述信息%@", [product description]);&&&&&&&&NSLog(@"产品标题 %@" , product.localizedTitle);&&&&&&&&NSLog(@"产品描述信息: %@" , product.localizedDescription);&&&&&&&&NSLog(@"价格: %@" , product.price);&&&&&&&&NSLog(@"Product id: %@" , product.productIdentifier);&&&&}&&&&SKPayment *payment = nil;&&&&switch (buyType) {&&&&&&&&case IAP0p99:&&&&&&&&&&&&payment&&= [SKPayment paymentWithProductIdentifier:ProductID_IAP0p99];&&&&//支付$0.99&&&&&&&&&&&&break;&&&&&&&&case IAP1p99:&&&&&&&&&&&&payment&&= [SKPayment paymentWithProductIdentifier:ProductID_IAP1p99];&&&&//支付$1.99&&&&&&&&&&&&break;&&&&&&&&case IAP4p99:&&&&&&&&&&&&payment&&= [SKPayment paymentWithProductIdentifier:ProductID_IAP4p99];&&&&//支付$9.99&&&&&&&&&&&&break;&&&&&&&&case IAP9p99:&&&&&&&&&&&&payment&&= [SKPayment paymentWithProductIdentifier:ProductID_IAP9p99];&&&&//支付$19.99&&&&&&&&&&&&break;&&&&&&&&case IAP24p99:&&&&&&&&&&&&payment&&= [SKPayment paymentWithProductIdentifier:ProductID_IAP24p99];&&&&//支付$29.99&&&&&&&&&&&&break;&&&&&&&&default:&&&&&&&&&&&&break;&&&&}&&&&CCLOG(@"---------发送购买请求------------");&&&&[[SKPaymentQueue defaultQueue] addPayment:payment];&&&&[request autorelease];&&&& &}- (void)requestProUpgradeProductData{&&&&CCLOG(@"------请求升级数据---------");&&&&NSSet *productIdentifiers = [NSSet setWithObject:@"com.productid"];&&&&SKProductsRequest* productsRequest = [[SKProductsRequest alloc] initWithProductIdentifiers:productIdentifiers];&&&&productsRequest.delegate = self;&&&&[productsRequest start];&&&& &}//弹出错误信息- (void)request:(SKRequest *)request didFailWithError:(NSError *)error{&&&&CCLOG(@"-------弹出错误信息----------");&&&&UIAlertView *alerView =&&[[UIAlertView alloc] initWithTitle:NSLocalizedString(@"Alert",NULL) message:[error localizedDescription]&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& delegate:nil cancelButtonTitle:NSLocalizedString(@"Close",nil) otherButtonTitles:nil];&&&&[alerView show];&&&&[alerView release];}&&&&&-(void) requestDidFinish:(SKRequest *)request{&&&&NSLog(@"----------反馈信息结束--------------");&&&&&}&&&&&-(void) PurchasedTransaction: (SKPaymentTransaction *)transaction{&&&&CCLOG(@"-----PurchasedTransaction----");&&&&NSArray *transactions =[[NSArray alloc] initWithObjects:transaction, nil];&&&&[self paymentQueue:[SKPaymentQueue defaultQueue] updatedTransactions:transactions];&&&&[transactions release];}&&&& &//&SKPaymentTransactionObserver& 千万不要忘记绑定，代码如下：//----监听购买结果//[[SKPaymentQueue defaultQueue] addTransactionObserver:self];&&&&&- (void)paymentQueue:(SKPaymentQueue *)queue updatedTransactions:(NSArray *)transactions//交易结果{&&&&CCLOG(@"-----paymentQueue--------");&&&&for (SKPaymentTransaction *transaction in transactions)&&&&{&&&&&&&&switch (transaction.transactionState)&&&&&&&&{&&&&&&&&&&&&case SKPaymentTransactionStatePurchased://交易完成&&&&&&&&&&&&&&&&[self completeTransaction:transaction];&&&&&&&&&&&&&&&&CCLOG(@"-----交易完成 --------");&&&&&&&&&&&&&&&&CCLOG(@"不允许程序内付费购买");&&&&&&&&&&&&&&&&UIAlertView *alerView =&&[[UIAlertView alloc] initWithTitle:@"Alert"&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&message:@"Himi说你购买成功啦～娃哈哈"&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& delegate:nil cancelButtonTitle:NSLocalizedString(@"Close（关闭）",nil) otherButtonTitles:nil];&&&&&&&&&&&&&&&&&&&&&[alerView show];&&&&&&&&&&&&&&&&[alerView release];&&&&&&&&&&&&&&&&break;&&&&&&&&&&&&case SKPaymentTransactionStateFailed://交易失败&&&&&&&&&&&&&&&&[self failedTransaction:transaction];&&&&&&&&&&&&&&&& CCLOG(@"-----交易失败 --------");&&&&&&&&&&&&&&&&UIAlertView *alerView2 =&&[[UIAlertView alloc] initWithTitle:@"Alert"&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&message:@"Himi说你购买失败，请重新尝试购买～"&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& delegate:nil cancelButtonTitle:NSLocalizedString(@"Close（关闭）",nil) otherButtonTitles:nil];&&&&&&&&&&&&&&&&&&&&&[alerView2 show];&&&&&&&&&&&&&&&&[alerView2 release];&&&&&&&&&&&&&&&&break;&&&&&&&&&&&&case SKPaymentTransactionStateRestored://已经购买过该商品&&&&&&&&&&&&&&&&[self restoreTransaction:transaction];&&&&&&&&&&&&&&&& CCLOG(@"-----已经购买过该商品 --------");&&&&&&&&&&&&case SKPaymentTransactionStatePurchasing:&&&&&&//商品添加进列表&&&&&&&&&&&&&&&& CCLOG(@"-----商品添加进列表 --------");&&&&&&&&&&&&&&&&break;&&&&&&&&&&&&default:&&&&&&&&&&&&&&&&break;&&&&&&&&}&&&&}}- (void) completeTransaction: (SKPaymentTransaction *)transaction&&&&&{&&&&CCLOG(@"-----completeTransaction--------");&&&&// Your application should implement these two methods.&&&&NSString *product = transaction.payment.productIdentifier;&&&&if ([product length] > 0) {&&&&&&&&&&&&&NSArray *tt = [product componentsSeparatedByString:@"."];&&&&&&&&NSString *bookid = [tt lastObject];&&&&&&&&if ([bookid length] > 0) {&&&&&&&&&&&&[self recordTransaction:bookid];&&&&&&&&&&&&[self provideContent:bookid];&&&&&&&&}&&&&}&&&&&&&&&// Remove the transaction from the payment queue.&&&&&&&&&[[SKPaymentQueue defaultQueue] finishTransaction: transaction];&&&&&}&&&&&//记录交易-(void)recordTransaction:(NSString *)product{&&&&CCLOG(@"-----记录交易--------");}&&&&&//处理下载内容-(void)provideContent:(NSString *)product{&&&&CCLOG(@"-----下载--------");}&&&&&- (void) failedTransaction: (SKPaymentTransaction *)transaction{&&&&NSLog(@"失败");&&&&if (transaction.error.code != SKErrorPaymentCancelled)&&&&{&&&&}&&&&[[SKPaymentQueue defaultQueue] finishTransaction: transaction];&&&&&}-(void) paymentQueueRestoreCompletedTransactionsFinished: (SKPaymentTransaction *)transaction{&&&&&}&&&&&- (void) restoreTransaction: (SKPaymentTransaction *)transaction&&&&&{&&&&NSLog(@" 交易恢复处理");&&&&&}&&&&&-(void) paymentQueue:(SKPaymentQueue *) paymentQueue restoreCompletedTransactionsFailedWithError:(NSError *)error{&&&&CCLOG(@"-------paymentQueue----");}&&&&&#pragma mark connection delegate- (void)connection:(NSURLConnection *)connection didReceiveData:(NSData *)data{&&&&NSLog(@"%@",&&[[[NSString alloc] initWithData:data encoding:NSUTF8StringEncoding] autorelease]);}- (void)connectionDidFinishLoading:(NSURLConnection *)connection{&&&&&}&&&&&- (void)connection:(NSURLConnection *)connection didReceiveResponse:(NSURLResponse *)response{&&&&switch([(NSHTTPURLResponse *)response statusCode]) {&&&&&&&&case 200:&&&&&&&&case 206:&&&&&&&&&&&&break;&&&&&&&&case 304:&&&&&&&&&&&&break;&&&&&&&&case 400:&&&&&&&&&&&&break;&&&&&&&&case 404:&&&&&&&&&&&&break;&&&&&&&&case 416:&&&&&&&&&&&&break;&&&&&&&&case 403:&&&&&&&&&&&&break;&&&&&&&&case 401:&&&&&&&&case 500:&&&&&&&&&&&&break;&&&&&&&&default:&&&&&&&&&&&&break;&&&&}}&&&&&- (void)connection:(NSURLConnection *)connection didFailWithError:(NSError *)error {&&&&NSLog(@"test");}&&&&&-(void)dealloc{&&&&[[SKPaymentQueue defaultQueue] removeTransactionObserver:self];//解除监听&&&&[super dealloc];}@end
代码注释的相当清楚了，没有什么可解释的，这里说几点值得注意的地方：
1.添加对应对应代码时不要忘记，添加框架 StoreKit.framework,如何添加框架请看我的博文！
2. 越狱机器无法沙盒测试！模拟器的话，Himi用4.3模拟器不可以，因为提示没有开启程序内付费- -（我都没看到模拟器有store的选项，so～）；但是使用iOS5的模拟器可以测试沙盒，但是执行的顺序会有些问题，但是还没真机的童鞋可以使用，建议一切以真机实测为准
3. 千万不要忘记在iTunesConnect中创建App Bundle ID一定要跟你的项目中的info.plist中的Bundle ID保证一致！！！！
4. 以上代码中你需要修改的就是我在HelloWorldLayer.m类中的宏定义的Product ID(产品ID)，例如Himi刚才新建了一个产品ID是“com.himi.wahaha”
然后我运行项目截图如下以及运行控制台打印的信息如下：
这里Himi最后一张截图是没有购买成功，这里Himi是故意截图出来的，原因就是想告诉童鞋们： :tx:
如果你的产品信息能够正常得到，但是始终无法成功的话，不要着急，因为你的产品要进入iTunes Connect，并且Apple准备好沙箱环境需要一些时间。Himi之前遇到过，然后在过了段时间后我没有修改任何一行代码，但产品ID变为有效并能成功购买。=。 =郁闷ing~~ 其实要使产品发布到Apple的网络系统是需要一段时间的，so～这里别太着急！
越狱机器无法正常测试沙盒的喔～
顺便提示一下：Bundle ID 尽可能与开发者证书的app ID 一致。
好了，写了这么多了，咳咳、Himi继续忙了，做iOS的童鞋们我想此篇将成为你必须收藏的一篇哦～嘿嘿！
日更新内容：
1.验证store的收据
使用服务器来交付内容，我们还需要做些额外的工作来验证从Store Kit发送的收据信息。
重要信息：来自Store的收据信息的格式是专用的。 你的程序不应直接解析这类数据。可使用如下的机制来取出其中的信息。
验证App Store返回的收据信息
当交易完成时，Store Kit告知payment observer这个消息，并返回完成的transaction。 SKPaymentTransaction的transactionReceipt属性就包含了一个经过签名的收据信息，其中记录了交易的关键信息。你的服务器要负责提交收据信息来确定其有效性，并保证它未经过篡改。 这个过程中，信息被以JSON数据格式发送给App Store，App Store也以JSON的格式返回数据。
（大家可以先了解一下JSON的格式）
验证收据的过程：
1. 从transaction的transactionReceipt属性中得到收据的数据，并以base64方式编码。
2. 创建JSON对象，字典格式，单键值对，键名为”receipt-data”， 值为上一步编码后的数据。效果为:
“receipt-data” : “(编码后的数据)”
3. 发送HTTP POST的请求，将数据发送到App Store，其地址为:
https://buy.itunes.apple.com/verifyReceipt
4. App Store的返回值也是一个JSON格式的对象，包含两个键值对， status和receipt:
“status” : 0,
“receipt” : { … }
如果status的值为0， 就说明该receipt为有效的。 否则就是无效的。
App Store的收据
发送给App Store的收据数据是通过对transaction中对应的信息编码而创建的。 当App Store验证收据时， 将从其中解码出数据，并以”receipt”的键返回。 返回的响应信息是JSON格式，被包含在SKPaymentTransaction的对象中（transactionReceipt属性）。Server可通过这些值来了解交易的详细信息。 Apple建议只发送receipt数据到服务器并使用receipt数据验证和获得交易详情。 因为App Store可验证收据信息，返回信息，保证信息不被篡改，这种方式比同时提交receipt和transaction的数据要安全。（这段得再看看）
表5-1为交易信息的所有键，很多的键都对应SKPaymentTransaction的属性。
备注：一些键取决于你的程序是链接到App Store还是测试用的Sandbox环境。更多关于sandbox的信息，请查看”Testing a Store”一章。
Table 5-1 购买信息的键：
quantity 购买商品的数量。对应SKPayment对象中的quantity属性
product_id 商品的标识，对应SKPayment对象的productIdentifier属性。
transaction_id 交易的标识，对应SKPaymentTransaction的transactionIdentifier属性
purchase_date 交易的日期，对应SKPaymentTransaction的transactionDate属性
original_-transaction_id 对于恢复的transaction对象，该键对应了原始的transaction标识
original_purchase_-date 对于恢复的transaction对象，该键对应了原始的交易日期
app_item_id App Store用来标识程序的字符串。一个服务器可能需要支持多个server的支付功能，可以用这个标识来区分程序。链接sandbox用来测试的程序的不到这个值，因此该键不存在。
version_external_-identifier 用来标识程序修订数。该键在sandbox环境下不存在
bid iPhone程序的bundle标识
bvrs iPhone程序的版本号
测试Store功能
开发过程中，我们需要测试支付功能以保证其工作正常。然而，我们不希望在测试时对用户收费。 Apple提供了sandbox的环境供我们测试。
备注：Store Kit在模拟器上无法运行。 当在模拟器上运行Store Kit的时候，访问payment queue的动作会打出一条警告的log。测试store功能必须在真机上进行。
Sandbox环境
使用Sandbox环境的话，Store Kit并没有链接到真实的App Store，而是链接到专门的Sandbox环境。 SandBox的内容和App Store一致，只是它不执行真实的支付动作。 它会返回交易成功的信息。 Sandbox使用专门的iTunes Connect测试 账户。不能使用正式的iTunes Connect账户来测试。
要测试程序，需要创建一个专门的测试账户。你至少需要为程序的每个区域创建至少一个测试账户。详细信息，请查看iTunes Connect Developer Guide文档。
在Sandbox环境中测试
1. 在测试的iPhone上退出iTunes账户
Settings中可能会记录之前登录的账户，进入并退出。
重要信息：不能在Settings 程序中通过测试账户登录。
2. 运行程序
当你在程序的store中购买商品后，Store kit提示你去验证交易。用测试账户登录，并批准支付。 这样虚拟的交易就完成了。
在Sandbox中验证收据
验证的URL不同了：
NSURL *sandboxStoreURL = [[NSURL alloc]initWithString:
@”https://sandbox.itunes.apple.com/verifyReceipt“];
2. 自动更新的订阅服务
In-App Purchase提供了自动更新型订阅服务的标准方式。自动更新型订阅有如下新的显著特征：
1. 当你在iTunes Connect中配置自动更新型订阅服务时，需要同时指定更新周期和其他的促销选项。
2. 自动更新型订阅服务会被自动恢复（使用Store Kit中恢复非消费型商品一样的函数）。原始的交易信息会和更新的交易信息一起发送给你的程序。详情请查看“Restoring Transactions”一节。
3. 当你的服务器向App Store验证收据（receipt），订阅服务被激活并更新时，App store会向你的app返回更新后的收据信息。
3.为你的商店添加自动更新型订阅服务
按以下步骤来实现自动更新型订阅服务：
1. 连接iTunes Connect网站，并创建一个共享密钥。共享密钥是一个密码，你的服务器在验证自动更新型订阅服务的时候必须提供这个密码。共享密钥为App Store的交易增加了一层保护。（详情，请参考iTunes Connect Developer Guide文档）
2. 在iTunes Connect中创建并配置新的自动更新型订阅服务商品。
3. 修改服务器端关于验证收据部分的代码，添加共享密钥到验证信息用的JSON数据中。服务器的验证代码需要可以解析App store的返回数据以判断订阅是否过期。如果订阅服务已经被用户更新，最新的收据也会返回给你的server。
设计iOS客户端
大多数情况下，iOS客户端程序应做出最小新改来支持自动更新型订阅服务。事实上，客户端程序需要做的更简单，你可以使用非消费型（non-consumable）商品的流程来做自动更新型订阅服务的事情。你的程序在不同时期会收到单独的交易信息来告知订阅已被更新。程序应该单独验证每一条收据。
验证自动更新型订阅服务的收据
验证自动更形型订阅服务的收据和之前讲到的“验证收据”的方式一致。你的程序创建一个JSON对象并把它发送给App Store。自动更新型订阅服务的JSON对象必须包含另外的参数——就是你在iTunes Connect中创建的共享密钥。
“receipt-data” : “(actual receipt bytes here)”
“password” : “(shared secret bytes here)”
返回内容包含了状态信息，用来标识收据是否验证有效。
“status” : 0,
“receipt” : { … }
“latest_receipt” : “(base-64 encoded receipt)”
“latest_receipt_info” : { … }
如果用户的收据是有效的，订阅被激活，则status的值为0。receipt对应的值为解码后的收据信息。如果你的服务器收到了非零值的状态码，对照表7-1查看：
表7－1 自动更新型订阅服务返回状态码
状态码 描述
21000 App Store无法读取你提供的JSON数据
21002 收据数据不符合格式
21003 收据无法被验证
21004 你提供的共享密钥和账户的共享密钥不一致
21005 收据服务器当前不可用
21006 收据是有效的，但订阅服务已经过期。当收到这个信息时，解码后的收据信息也包含在返回内容中
21007 收据信息是测试用（sandbox），但却被发送到产品环境中验证
21008 收据信息是产品环境中使用，但却被发送到测试环境中验证
注意：在这里的非零状态码只是针对自动更新型订阅服务，不能将这些状态码用在测试其他类型产品的返回值中。
JSON数据中的receipt栏位包含了解析过的收据信息。自动更新型订阅服务包含了一些新加的信息。请参考表7-2：
表7－2 自动更新型订阅服务的信息：
expires_date 订阅的过期时间，显示方式是从Jan 1, :00 GMT计算到过期时间的毫秒数。这个键不包含在恢复的交易信息中。
original_transaction_id 初次购买的交易标识。所有订阅的更新和恢复交易都共享这个标识
original_purchase_date 初次购买（订阅）的日期。
purchase_date 交易的日期。对于更新订阅的交易来说，这个日期表示更新日期。如果从App Store解析的数据是最新的订阅收据，这个值表示最近更新订阅的日期。
除了receipt-Data信息外，返回内容还可能包含另外两个信息。如果用户的订阅服务被激活并更新。则latest_receipt信息会被以base-64方式编码并包含在返回内容中。解码后的新的收据信息也会在latest_expired_receipt_info包含。你的服务器可以使用新的收据来维护最新更新订阅的信息。
4. 如果交易是恢复过来的（restore），我们用这个方法来处理：
– (void) restoreTransaction: (SKPaymentTransaction *)transaction
[self recordTransaction: transaction];
[self provideContent: transaction.payment.productIdentifier];
[[SKPaymentQueue defaultQueue] finishTransaction: transaction];
这个过程完成购买的过程类似。 恢复的购买内容提供一个新的交易信息，这个信息包含了新的transaction的标识和receipt数据。 如果需要的话，你可以把这些信息单独保存下来，供追溯审(我们的)查之用。但更多的情况下，在交易完成时，你可能需要覆盖原始的transaction数据，并使用其中的商品标识。
更新内容参考文章：http://www.cocoachina.com/bbs/read.php?tid-24738.html
? 【Unreal Engine 】 ? 【React Native】 ? 【Cocos Creator】? 【Cocos2dx】? 【C2dx-Lua】
Himi’s Book
小广告先森
小广告先森