Cocos2d-js 发布到 Windows Phone Store全过程

2013年,同情NOKIA,买了LUMIA520 于是乎开启了 与WP8的缘分,以及对WP8的情怀-0 -

1年后自己回家搞单机了,当时一直想让自己的游戏在WP8上运行,可从2014年下半年开始等一直等啊等,等了差不多一年终于在cocosjs3.5实现了打包wp8!
不过由于没空了,迟迟没去打包,这次参加windows游戏比赛才有幸把自己的游戏发布到了windows phone store上 ,哇卡卡。
由于win8比较小众,一路遇到各种千奇百怪的坑,为了让新加入的伙伴,少走坑,特此写一下自己的经历,水平一般般求小小喷。
不废话了正题开始:

第一部分(环境搭建)

1.安装win8.1专业版
安装序列号:XHQ8N-C3MCJ-RQXB6-WCHYG-C9WKB
地址:ed2k://|file|cn_windows_8.1_with_update_x64_dvd_6051473.iso|4504475648|D66BEF759548656EDA981D902A957545|/
(用迅雷下载,这个应该不是最新版,但是可以自动更新无所谓的,如果你太处女座了,可以去itellyou.cn去下,但是不知道序列号能否用哈,嘿嘿)

2.安装vs2013 update4(记住一定要是update4 低于这个都不行,这里感谢下 cocos的江龙同学,是他告诉我的,哈哈)
同样上地址
ed2k://|file|mu_visual_studio_2013_update_4_x86_dvd_5921353.iso|6249627648|06F4C60529701F3D652D80FF6E25635C|/

PS:如果你不是vs2013 update4 , 那么打开VS2013 在工具的右上 有一个小旗帜,点开他也会看见有update4的更新,
不过直接去下应该最方便。

哦!对了,注意!!!安装的时候,要把 windows phone 8.1sdk勾上(貌似默认也是勾上的)不然你到时候还要重新去下一个sdk。
但是我已经安装好了无法给你截图了,你自己仔细点。

第二部分(成为微软开发者)

注册开发者
https://dev.windows.com/zh-cn/programs/join这里是入口https://dev.windows.com/zh-cn/programs/join这里是入口
(由于我已经注册过了,所以无法完全一页页截图了,但是都是中文的,静下心来慢慢看
按照步骤一步步走,很简单的)

PS:再废话下,注册开发者账号前,你必须要有微软的账户,你点进去看了就知道了。
开发者账号的费用:$19(RMB:116元)一年; 学生账号免费但不能发布收费应用,因为我们是要发布到windows phone store上
所以学生账号就没啥用了。

对了,到时候你可能会无法购买,因为不支持支付宝,我是找朋友用VISA卡帮我刷的,如果你没我运气好,没有有这卡得朋友,
可以去淘宝上面买。在淘宝宝贝搜索哪儿 搜:“VISA”就有了。!

钱付了,跟着提示基本上就要完成了。
如果还是有问题可以看下这个文章 http://cn.cocos2d-x.org/tutorial/show?id=2159 的第二步

第三部分(解锁您的WP8手机)

成为开发者后,这下你就NB了!可以解锁(注册)自己的手机了,解锁后可以在手机上调试自己的游戏。
(这里有一个很重要的事情!!!!,就是你的手机一定要是最新的
WIN8.1的系统哦!
但是WP8手机里面登陆的账户要不要是开发者账号,就不确定了,你可以自己试试,我手机里面是开发者账户)
记得!,我之前是WIN8.0,解锁了无数次都失败。而且微软错误提示又是一些八竿子打不到一撇的内容,所以百度谷歌了都找不到,最后终于发现,他们官方一个管理员说是2015年5月后就不支持WIN8.0解锁了。真心坑,你不支持,你就把提示写对啊。额抱怨了好多。Sorry)
这个步骤,你要结合这篇文章https://msdn.microsoft.com/library/windows/apps/ff769508(v=vs.105).aspx来看。

1.运行Windows Phone Developer Registration 8.1工具
在计算机的“开始”屏幕上,切换到
“所有应用”视图,然后找到这个工具,如果你不知道如何找到下面图片的地方
你直接在开始菜单的搜索里面搜工具名字就行了。

下图是这个工具打开的样子


2.确定你手机连接状态是成功的
(如果你手机连不上,也就是在我的电脑里面(也就是C盘旁边)都看不到你手机的图标,那就换一根数据线,而且还要插主机屁股后面这里特么是一个坑,我被坑了好久)
3.连接成功后,就可以根据提示解锁了。当然中间会提示你输入你开发者账号,你不是已经注册了吗,所以你可以继续了。
(记得我刚才说的要结合那篇文章看,因为有一些手机上的设置 比如要手机是解锁状态,日期,时间要设置对等等)

4.如果不出意外就会提示解锁OK了。。然后。。。 就没有然后了,搞定了!
(你不要去点注销哈,点了就白解锁了)

第四部分(创建项目)
IOS 和 ANDROID的项目都可以用 COCOS CODE IDE 直接创建

小众的WIN8没人鸟,所以只有用命令行创建

动手能力强的同学,就自己在cmd里面输入cocos命令自己去创建吧
实在伸手党就用看这个例子吧:
cocos new -p com.woShiShenShouDang.gameName -l js -d f:\mobileGame shenShouDang

这个命令意思就是 在f:\mobileGame文件夹下创建一个
包名是com.woShiShenShouDang.gameName
语言是js
项目名是shenShouDang
的项目

然后打开项目文件夹,应该会是这个样子

继续进入这个路径F:\mobileGame\xxxx\frameworks\runtime-src\proj.win8.1-universal
就可以看见*.sln文件了,运行她.

你会看见差不多这个项目组织结构

到这里 你创建项目完全正确OK了!

第五部分(在模拟器上运行游戏)
紧接上文!
其实这个时候你已经可以运行项目了。。看下图
(其实废话了,你肯定知道,自己试试吧)

这个是在windows上运行的(PC,surface之类的)项目

这个是在手机上运行的项目
因为我们主要是做在手机上的,所以选下面这个

或者把WP8.1设置为启动项目(看下图)

但是现在你会发现一个问题,为什么不能在你之前解锁的手机上运行呢?(额,好困啊。。。)
好的,下面我们就来解决这个问题!

第六部分(在手机上运行游戏)
我在手机上运行游戏,卡了很久,我看一些教程 都是在VS上选DEBUG的地方 有DEVICE图存在,如下

(注意:!!!如果你VS这里 和 上面图片所示 是一样的, 那你可以跳过 第六部分!)

但我的一直就是模拟器,烦死了,我还以为是数据线又出问题了,之前被这个问题坑怕了
(而且数据线必须要插屁股后面,我是说机箱的屁股)当时深夜了,郁闷的我,还打算,骑车去同事家借数据线,现在想起来好傻逼。哈哈!

结果全靠遇到一个90后的小同学,帮我搞定了 ,是的,他就是我的恩公大人!哈哈
在此再次感谢一下 “^偏南风^”同学

1.对项目“右键”属性

  1. 点 配置管理器
  2. 把所有带WindowsPhone字样的项目都修改为ARM

修改完了,点关闭 再确定 应该就OK了(记住如果是手机,一定要把启动项目设置为windowsPhone 。仔细仔细)
好了,现在可以运行了(确定之前手机已经解锁了哈(注册成开发机器)。漫长的编译开始了。你可以去休息一圈儿,当然模拟器的时候编译了就无法休息了。

第七部分(在仪表板中创建你的APP信息)
注意:从现在开始你要用 微软的IE浏览器了,虽然他一直被各种吐槽,但是你现在不得不用,因为好像silverlight只在上面支持,我也不懂,反正你不用,你不会成功,所以你还是用吧!

其实我搞不懂 为什么会翻译成“仪表板” 好诡异。。。。

1.进入https://dev.windows.com/zh-CN/
2.点屏幕右上角的“仪表板”链接
3.如果未登录,会让你登陆进去

4.就会到 下图


因为我们是提交Windows Phone应用 所以选择Windows Phone应用商店
然后根据弹出的页面填写内容
注意!!务必要点
保留应用名称不然下个部分VS2013中查看不到这个应用。

还有注意这个“教程用的” 应用名字,在第八部分也会出现


继续填完
最后点“保存” 如下图:

这个时候,你的仪表板中已经有你的应用信息了,
但是还有没提交你的游戏 安装包(对了,记得别点审核并提交哦)

下个部分,开始教你如何打包自己的应用,并且上传之

第八部分(在VS2013中打包自己的应用)

一、:关联应用

这里依然要感谢 “^偏南风^”同学的帮助,我是一点都不明白这个的,全是他教我的。

好了,继续!
回到VS2013工具
看下图 步骤分别是“右键”-》“应用商店”-》“将应用程序与应用商店关联”

在之后弹出的窗口中
按提示操作

直到这一步(下图)

你会发现你之前创建的应用名称 在这里出现了。
然后选择他。点下一步

最后点关联就行了
结果肯定是这个:(除非你没给19美金)

至此 关联部分就结束了。

二、:生成可提交到Windows phone store的应用
还是同样的操作,如下图:选创建应用程序包

然后选择“是”如下图

继续
继续
继续
(日网速慢死了。。。真尼玛困)
打开了!然后 依然是选 这个“教程用的”应用 点下一步

这是最后一个界面了(下图)
记得 “生成应用程序捆绑包”要选 “从不”
上面是输出的位置,创建完后 你就要到这个位置下面去
找到生成的包 上传到 windows phone store中,最后点创建吧。 就OK了


记得我刚才说的 创建完后,就到那个位置去找到自己的 APP包
那个位置的文件夹里面有两个东西
一个是xxxx.WindowsPhone_1.1.0.1_ARM_Test的目录这个是测试用的
另一个是后缀.appxupload的文件 就是提交用的。

回到IE浏览器的这个界面 点第二个“上传并描述您的程序包"
然后进去提交自己的应用 以及游戏的相关信息 点提交审核就 OK了。你自己看了吧
很简单了。。困死了。

睡了。

明天在写一个辅助文章,来补充

1关于如何设置 Package.appxmanifest的教程

2和在自己手机上 部署发布的文件的教程

晚安

太给力了。超详细的文档。:7:

啥都不说了,狠狠地顶楼主

wp 访问项目文件夹内的文件 一直都不会,不知道现在可以简单访问了吗。

只能狠狠的顶楼主。nice

我的520还没坏

活该wp死亡啊,这操作无敌了!

谢谢分享,相对于前几楼我只能狠狠的再狠狠的顶楼主:882:

有没有知道APPStore上线全过程的,作为新手,现在需要那个东西的知道,哪位大神有相关的文档,求指导
QQ:2330785440