零基础怎样开发安卓应用开发基础号?

微信应用号是什么?微信应用号怎么开发?_百度知道梁山夫妻大办离婚庆典,两人亲自把喜字剪开。
让人意想不到的是,其中还有产妇和6个月孕妇。
声明:本文由入驻搜狐公众平台的作者撰写,除搜狐官方账号外,观点仅代表作者本人,不代表搜狐立场。
#长按上图识别二维码,参与OSC源创会年终盛典#
  微信小程序,最近火爆了IT界。无论是微信发布的官方教程文档,还是受邀内测者的持续爆料,关于小程序的各种解读,纷至沓来。
  微信小程序如此火爆?开发难度如何?在前端老师叶倍宏看来微信小程序既是一个框架,也是一套工具。
  小程序的框架为MINA。MINA的数据架构借鉴了 Vue 和 React 的优点,可以简化前端应用的复杂业务需求,学起来特别轻松。
  同时微信小程序提供了一个开发者工具。创建一个新的项目立刻可以看到效果,不需要再花时间配置项目。
  小程序开发真的很简单。不信?
  今晚直播前端老师机叶倍宏会手把手教一个 0 基础妹子做一个微信小程序――预定早餐的服务。边看直播的同时也可以跟着一起做哦。
  示例:
  OSC大咖说| 技术狂人成长为企业副总裁,他是如何做到的?
  直播时间: 9 月 28 号周三晚上八点
  直播地址: B站
  直播环节
  开始前可以加叶老师好友 (hayeah666) ,他会拉你入微信讨论群。
  发车之前大家可以先上码云把开发工具先配置好。(源码已托管至码云)
  直播嘉宾
  林明瑜
  她任职于某知名互联网公司,策划汪,曾多次斩获数个广告大奖。创业沙拉广州组织者,她是个颜值爆表的脑力工作者。
  叶倍宏
  台湾同胞一枚。前自由职业者,远程办公,边旅行边工作,在云南大理住了 2 年。现在来广州发展思客教学,做有情怀的 IT 教学。
点击标题直接进入阅读
  微信小程序编辑名片页面开发的两条路径分为新增名片流程与修改名片流程。
  第三弹放出了官方工具和教程,推荐程序猿小伙伴们都去试一试,结合教程和代码,写写自己的 demo 也不错。
  第二弹开发教程包含两个方面的内容:微信小程序项目结构以及配置以及微信小程序首页面开发
  点击下方“阅读原文”查看更多
欢迎举报抄袭、转载、暴力色情及含有欺诈和虚假信息的不良文章。
请先登录再操作
请先登录再操作
微信扫一扫分享至朋友圈
搜狐公众平台官方账号
生活时尚&搭配博主 /生活时尚自媒体 /时尚类书籍作者
搜狐网教育频道官方账号
全球最大华文占星网站-专业研究星座命理及测算服务机构
主演:黄晓明/陈乔恩/乔任梁/谢君豪/吕佳容/戚迹
主演:陈晓/陈妍希/张馨予/杨明娜/毛晓彤/孙耀琦
主演:陈键锋/李依晓/张迪/郑亦桐/张明明/何彦霓
主演:尚格?云顿/乔?弗拉尼甘/Bianca Bree
主演:艾斯?库珀/ 查宁?塔图姆/ 乔纳?希尔
baby14岁写真曝光
李冰冰向成龙撒娇争宠
李湘遭闺蜜曝光旧爱
美女模特教老板走秀
曝搬砖男神奇葩择偶观
柳岩被迫成赚钱工具
大屁小P虐心恋
匆匆那年大结局
乔杉遭粉丝骚扰
男闺蜜的尴尬初夜
客服热线:86-10-
客服邮箱:本文作者博卡君,一名程序猿。勤快学已获作者授权发布。未经授权拒绝转载!
(,应用号的新称呼)终于来了!
目前还处于内测阶段,微信只邀请了部分企业参与封测。想必大家都关心应用号的最终形态到底是什么样子?怎样将一个服务号改造成为小程序?
我们暂时以一款简单的第三方工具的实例,来演示一下开发过程吧。公司的项目保密还不能分享代码和截图。博卡君是边加班边偷偷给大家写教程。感谢名片盒团队提供他们的服务号来动这个手术。
OK,为了让大家尽快看到这份教程,博卡君注定要熬夜了!今晚开始更新,希望明天一早就能发布第一篇教程!记录开始!看看几天能完成变身吧!
开始开发应用号之前,先看看官方公布的小程序教程吧!以下内容来自微信官方公布的小程序开发指南。
本文档将带你一步步创建完成一个微信小程序,并可以在手机上体验该小程序的实际效果。这个小程序的首页将会显示欢迎语以及当前用户的微信头像,点击头像,可以在新开的页面中查看当前小程序的启动日志。
1. 获取微信小程序的 AppID
首先,我们需要拥有一个帐号,如果你能看到该文档,我们应当已经邀请并为你创建好一个帐号。注意不可直接使用服务号或订阅号的 AppID。 利用提供的帐号,登录 https://mp. (或联系腾云科技帮助你申请账号),就可以在网站的「设置」-「开发者设置」中,查看到微信小程序的 AppID 了。
重磅 | 微信应用号,小程序最新开发教程
注意:如果我们不是用注册时绑定的管理员微信号,在手机上体验该小程序。那么我们还需要操作「绑定开发者」。即在「用户身份 - 开发者」模块,绑定上需要体验该小程序的微信号。本教程默认注册帐号、体验都是使用管理员微信号。
2. 创建项目
我们需要通过开发者工具,来完成小程序创建和代码编辑。
开发者工具安装完成后,打开并使用微信扫码登录。选择创建「项目」,填入上文获取到的 AppID,设置一个本地项目的名称(非小程序名称),比如「我的第一个项目」,并选择一个本地的文件夹作为代码存储的目录,点击「新建项目」就可以了。
为方便初学者了解微信小程序的基本代码结构,在创建过程中,如果选择的本地文件夹是个空文件夹,开发者工具会提示,是否需要创建一个 quick start 项目。选择「是」,开发者工具会帮助我们在开发目录里生成一个简单的 demo。
重磅 | 微信应用号,小程序最新开发教程
项目创建成功后,我们就可以点击该项目,进入并看到完整的开发者工具界面,点击左侧导航,在「编辑」里可以查看和编辑我们的代码,在「调试」里可以测试代码并模拟小程序在微信客户端效果,在「项目」里可以发送到手机里预览实际效果。
3. 编写代码
点击开发者工具左侧导航的「编辑」,我们可以看到这个项目,已经初始化并包含了一些简单的代码文件。最关键也是必不可少的,是 app.js、app.json、app.wxss 这三个。其中,.js 后缀的是脚本文件,.json 后缀的文件是配置文件,.wxss 后缀的是样式表文件。微信小程序会读取这些文件,并生成小程序实例。
下面我们简单了解这三个文件的功能,方便修改以及从头开发自己的微信小程序。
app.js 是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。调用 MINA 提供的丰富的 API,如本例的同步存储及同步读取本地数据。
onLaunch: function () {
// 调用 API 从本地缓存中获取数据
var logs = wx.getStorageSync('logs') || []
logs.unshift(Date.now())
wx.setStorageSync('logs', logs)
getUserInfo:function(cb){
var that =
if(this.globalData.userInfo){
typeof cb == "function" && cb(this.globalData.userInfo)
// 调用登录接口
wx.login({
success: function () {
wx.getUserInfo({
success: function (res) {
that.globalData.userInfo = res.userI
typeof cb == "function" && cb(that.globalData.userInfo)
globalData:{
userInfo:null
app.json 是对整个小程序的全局配置。我们可以在这个文件中配置小程序是由哪些页面组成,配置小程序的窗口 背景色,配置导航条样式,配置默认标题。注意该文件不可添加任何注释。
"pages/index/index",
"pages/logs/logs"
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle":"black"
app.wxss 是整个小程序的公共样式表。我们可以在页面组件的 class 属性上直接使用 app.wxss 中声明的样式规则。
/**app.wxss**/
.container {
height: 100%;
flex-direction:
align-items:
justify-content: space-
padding: 200rpx 0;
box-sizing: border-
4. 创建页面
在这个教程里,我们有两个页面,index 页面和 logs 页面,即欢迎页和小程序启动日志的展示页,他们都在 pages 目录下。微信小程序中的每一个页面的【路径 + 页面名】都需要写在 app.json 的 pages 中,且 pages 中的第一个页面是小程序的首页。
每一个小程序页面是由同路径下同名的四个不同后缀文件的组成,如:index.js、index.wxml、index.wxss、index.json。.js 后缀的文件是脚本文件,.json 后缀的文件是配置文件,.wxss 后缀的是样式表文件,.wxml 后缀的文件是页面结构文件。
index.wxml 是页面的结构文件:
&!--index.wxml--&
&view bindtap="bindViewTap"&
&image src="{{userInfo.avatarUrl}}" background-size="cover"&&/image&
&text&{{userInfo.nickName}}&/text&
&text&{{motto}}&/text&
本例中使用了 &view/&、&image/&、&text/& 来搭建页面结构,绑定数据和交互处理函数。
index.js 是页面的脚本文件,在这个文件中我们可以监听并处理页面的生命周期函数、获取小程序实例,声明并处理数据,响应页面交互事件等。
//index.js
// 获取应用实例
var app = getApp()
motto: 'Hello World',
userInfo: {}
// 事件处理函数
bindViewTap: function() {
wx.navigateTo({
url: '../logs/logs'
onLoad: function () {
console.log('onLoad')
var that = this
// 调用应用实例的方法获取全局数据
app.getUserInfo(function(userInfo){
// 更新数据
that.setData({
userInfo:userInfo
index.wxss 是页面的样式表:
/**index.wxss**/
.userinfo {
flex-direction:
align-items:
.userinfo-avatar {
width: 128
height: 128
margin: 20
border-radius: 50%;
.userinfo-nickname {
.usermotto {
margin-top: 200
页面的样式表是非必要的。当有页面样式表时,页面的样式表中的样式规则会层叠覆盖 app.wxss 中的样式规则。如果不指定页面的样式表,也可以在页面的结构文件中直接使用 app.wxss 中指定的样式规则。
index.json 是页面的配置文件:
页面的配置文件是非必要的。当有页面的配置文件时,配置项在该页面会覆盖 app.json 的 window 中相同的配置项。如果没有指定的页面配置文件,则在该页面直接使用 app.json 中的默认配置。
logs 的页面结构
&!--logs.wxml--&
&view class="container log-list"&
&block wx:for-items="{{logs}}" wx:for-item="log"&
&text&{{index + 1}}. {{log}}&/text&
logs 页面使用 &block/& 控制标签来组织代码,在 &block/& 上使用 wx:for-items 绑定 logs 数据,并将 logs 数据循环展开节点
var util = require('../../utils/util.js')
onLoad: function () {
this.setData({
logs: (wx.getStorageSync('logs') || []).map(function (log) {
return util.formatTime(new Date(log))
运行结果如下:
重磅 | 微信应用号,小程序最新开发教程
5. 手机预览
开发者工具左侧菜单栏选择「项目」,点击「预览」,扫码后即可在微信客户端中体验。
重磅 | 微信应用号,小程序最新开发教程
目前,预览和上传功能尚无法实现,需要等待微信官方的下一步更新。
如你所见,微信官方给出的开发指南还非常简单,很多细节、代码和功能都没有明确的展示,所以接下来就到博卡君展示实力的时候啦!开发教程正式开始!
第一章:准备工作
做好准备工作很重要。开发一个微信应用号,你需要提前到微信的官方网站()下载开发者工具。
1. 下载最新微信开发者工具,打开后你会看到该界面:
重磅 | 微信应用号,小程序最新开发教程
2. 点击「新建 web+」项目,随后出现如下画面:
重磅 | 微信应用号,小程序最新开发教程
3. 该页面内的各项内容需要注意
AppID:依照官方解释来填。
Appname: 项目最外层文件夹名称,如你将其命名为「ABC」,则之后的全部项目内容均将保存在「/ABC/&」目录下。
本地开发目录:项目存放在本地的目录。
注:再次强调,如果你和团队成员共同开发该项目,则建议你们使用同样的目录名称及本地目录,以确保协同开发的统一性。如果你之前已有项目,则导入过程与以上内容近似,不再赘述。
4. 准备工作全部完成后,点击「新建项目」按钮,弹出框点「确定」。
重磅 | 微信应用号,小程序最新开发教程
5. 如上图所示,此刻,微信开发者工具已经为你自动构建了一个初始的 demo 项目,该项目内包含了一个微信应用项目所需具备的基本内容和框架结构。点击项目名称(图中即「cards」)进入该项目,就能看到整个项目的基本架构了:
重磅 | 微信应用号,小程序最新开发教程
第二章:项目构架
微信目前用户群体非常庞大,微信推出公众号以后,火爆程度大家都看得到,也同样推动着 h5 的高速发展,随着公众号业务的需求越来越复杂,应用号现在的到来也是恰到好处。我们团队具体看了一两次文档后发现,它提供给开发者的方式也在发生全面的改变,从操作 DOM 转为操作数据,基于微信提供的一个过桥工具实现很多 h5 在公众号很难实现的功能,有点类似于 hybrid 开发,不同于 hybrid 开发的方式是:微信开放的接口更为严谨,结构必须采用他提供给我们的组件,外部的框架和插件都不能在这里使用上,让开发者完全脱离操作 DOM,开发思想转变很大。
工欲善其事,必先利其器。理解它的核心功能非常重要,先了解它的整个运作流程。
生命周期:
在index.js里面:
重磅 | 微信应用号,小程序最新开发教程
开发者工具上 Console 可以看到:
重磅 | 微信应用号,小程序最新开发教程
在首页 console 可以看出顺序是 App Launch--&App Show--&onload--&onShow--&onReady。
首先是整个 app 的启动与显示,app 的启动在 app.js 里面可以配置,其次再进入到各个页面的加载显示等等。
可以想象到这里可以处理很多东西了,如加载框之类的都可以实现等等。
路由在项目开发中一直是个核心点,在这里其实微信对路由的介绍很少,可见微信在路由方面经过很好的封装,也提供三个跳转方法。
wx.navigateTo(OBJECT):保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。
wx.redirectTo(OBJECT):关闭当前页面,跳转到应用内的某个页面。
wx.navigateBack():关闭当前页面,回退前一页面。
这三个基本上使用足够,在路由方面微信封装的很好,开发者根本不用去配置路由,往往很多框架在路由方面配置很繁琐。
此次微信在组件提供方面也是非常全面,基本上满足项目需求,故而开发速度非常快,开发前可以认真浏览几次,开发效率会很好。
任何外部框架以及插件基本上无法使用,就算原生的 js 插件也很难使用,因为以前我们的 js 插件也基本上全部是一操作 dom 的形式存在,而微信应用号此次的架构是不允许操作任何 dom,就连以前我们习惯使用的动态设置的rem.js也是不支持的。
此次微信还提供了 WebSocket,就可以直接利用它做聊天,可以开发的空间非常大。
跟公众号对比我们发现,开发应用号组件化,结构化,多样化。新大陆总是充满着惊喜,更多的彩蛋等着大家来发现。
接下来开始搞一些简单的代码了!
1. 找到项目文件夹,导入你的编辑器里面。在这里,我使用了 Sublime Text 编辑器。你可以根据自己的开发习惯选择自己喜欢的编辑器。
重磅 | 微信应用号,小程序最新开发教程
2. 接下来,你需要根据自己的项目内容调整项目结构。在范例项目中,「card_course」目录下面主要包含了「tabBar」页面以及该应用的一些配置文件。
3. 示例项目的「tabBar」是五个菜单按钮:
重磅 | 微信应用号,小程序最新开发教程
4. 找到「app.json」文件,用来配置这个五个菜单。在代码行中找到「&tabBar&」:
重磅 | 微信应用号,小程序最新开发教程
你可以根据实际项目需求更改,其中:
「Color」是底部字体颜色,「selectedColor」是切换到该页面高亮颜色,「borderStyle」是切换菜单上面的一条线的颜色,「backgroundColor」是底部菜单栏背景颜色。文字描述较为抽象,建议你一一调试并查看其效果,加深印象。
「&list&」下的代码顺序必须依次放置,不能随便更改。
「&pagePath&」之后的文件名内,「.wxml」后缀被隐藏起来了,这是微信开发代码中人性化的一点&&帮你节约写代码的时间,无须频繁声明文件后缀。
「&iconPath&」为未获得显示页面的图标路径,这两个路径可以直接是网络图标。
「&selectedIconPath&」为当前显示页面高亮图标路径,可以去掉,去掉之后会默认显示为「&iconPath&」的图标。
「&Text&」为页面标题,也可以去掉,去掉之后纯显示图标,如只去掉其中一个,该位置会被占用。
注意:微信的底部菜单最多支持五栏(五个 icons),所以在你设计微信应用的 UI 和基本架构时就要预先考虑好菜单栏的排布。
这里顺便说一句:我们团队目前是设计两拨人,代码三拨人在同时搞,根据微信给的设计指导,设计那边画出样图,我们就根据样图做 UI 部分的代码,这样效率比较高,不需要等 UI 完全画好。两边可以同步!
5. 根据以上代码规则,我做好了示例项目的基本架构,供你参考:
重磅 | 微信应用号,小程序最新开发教程
重磅 | 微信应用号,小程序最新开发教程
6. 「Json」文件配置好后,「card_course」的基本结构入上图所示,不需要的子集都可以暂时删除,缺少的子集则需要你主动新建。删除子集时记得顺带检查一下「app.json」里的相关内容是否已经一并删除。
注意:我个人建议你新建一个「wxml」文件的同时,把对应的「js」和「wxss」文件一起新建好,因为微信应用号的配置特点就是解析到一个「wxml」文件时,会同时在同级目录下找到同文件名的「js」和「wxss」文件,所以「js」文件需及时在「app.json」里预先配置好。
编写「wxml」时,根据微信应用号提供的接口编码即可,大部分就是以前的「div」,而我们现在就用「view」即可。需要用其它子集时,可以根据微信提供的接口酌情选择。
使用「class」名来设置样式,「id」名在这里基本没有什么用处。主要操作数据,不操作「dom」。
重磅 | 微信应用号,小程序最新开发教程
7. 以上是示例项目首页的「wxml」编码。从图中就可以看出,实现一个页面代码量非常少。
8. 「Wxss」文件是引入的样式文件,你也可以直接在里面写样式,示例中采用的是引入方式:
重磅 | 微信应用号,小程序最新开发教程
重磅 | 微信应用号,小程序最新开发教程
9. 修改代码后刷新一次,可以看到未设背景的「view」标签直接变成了粉色。
注意:修改「wxml」和「wxss」下的内容后,直接 F5 刷新就能直接看到效果,修改「js」则需点击重启按钮才能看到效果。
10. 另外,公共样式可以在「app.wxss」里直接引用。
重磅 | 微信应用号,小程序最新开发教程
重磅 | 微信应用号,小程序最新开发教程
11. 「Js」文件需要在「app.json」文件的「&page&」里预先配置好。为了项目结构清晰化,我在示例项目中的「index」首页同级目录新建其它四个页面文件,具体如下:
重磅 | 微信应用号,小程序最新开发教程
经过以上步骤,案例中的五个底部菜单就全部配置完毕了。
勤快学注:本文由博卡君授权勤快学QKXue.NET发布,如需转载请联系原作者,并注明作者和出处,不得删减内容。
阅读(...) 评论()IOS(150)
原文地址:
译者说明:图超多,巨详细
这篇由两部分组成的系列教程,将会记录成为一个Apple iOS开发者的每个步骤——从没有帐户的小白到能在App Store上发布应用。
我将向你展示如何注册Apple iOS开发者计划,如何生成各种需要的证书,如何配置应用,如何提交应用给App Store审核。
为了制作这个教程,我创建了一个完全新的App Store账号,并且向App Store提交了一个新的应用,仔细记录了每一步流程。
我向App Store提交的应用是上一个系列教程里创建的应用()的改进版。这个应用()已经通过审核并且可以在App
Store里下载。
你需要为这个教程准备99美元,一张有效的信用卡和一个浏览器。虽然没有说,但开发一个应用,你需要一个Mac电脑,最好安装了OS X 10.7 狮子系统。
最后,你需要用到,Apple的开发软件。一旦你注册了Apple的iOS开发者,你就可以下载Xcode。
拥有适当的耐心将有助于学习本教程。成为一个iOS的注册开发者是一个漫长的过程,并且有些时候会遇到重复的步骤。要记住:教程结束,你就能够向App Store提交应用,这会带来潜在的财富和荣誉。
通往App Store道路上的第一步是注册成为一名Apple开发者。注意:成为一名Apple开发者是免费的,这与成为iOS开发者不同,成为iOS开发者需要支付前边提到的99美元费用。
你可能在Apple已经有一个开发者帐户。如果是,请略过下边步骤,直接跳到下一小节。
如果你还没有Apple开发者帐户,请转到,并点击“register”链接:
点击“Get Started”按钮:
在下一页,你可以选择创建一个全新的Apple ID或者是使用已有的账号。如果你愿意,你可以使用在iTunes上支付时所使用的Apple ID来节省时间。但是我建议创建一个新的、干净的ID。这有助于确保你所有的数据都是正确的,并且可以保持私人和职业的账号分开。
所以,选择“Create an Apple ID”并且点击“Continue”:
填入你的email、密码和安全信息。使用经常访问的email邮箱地址,因为Apple会经常发送计划更新信息和你提交审核应用的状态信息。
向下滚动,填写你的个人信息,并点击“Continue”:
下一页是法律协议。打给你的律师,把全文读给他/她听。一获得你律师的批准,就选中复选框,并点击“I Agree.”按钮。
差不多结束了。
检查你注册时输入的email账号,你应该会收到一封像这样的电子邮件。点击邮件中的链接或在注册流程的最后一页输入邮件中的验证码。
酷,你已经是一名Apple开发者了!非常好,但是你可以开始开发应用并向App Store提交应用了吗?好吧,到目前为止还不行…点击“Continue”并且让我们向Apple支付一些钱。
加入iOS开发计划
成为一名Apple的注册开发者可以让你访问很多信息,但是要能够在App Store提交应用(和访问某些相关的内容)需要加入Apple的iOS开发者计划。这一部分每年需要花费你99美元。
如果你依照之前的小节并且点击了“Continue”,你应该在这个地方。如果你因为已经有了Apple开发账号而跳过了之前的步骤,那进入并登录,你也会在这里。
登录后,点击页面右边的“Join Today”链接:
下一页是一个步骤预览,它看起来只有3步,但实际上一有15步。深呼吸,确保你有半个小时的时间,然后点击“Continue”:
选择使用已经存在的Apple开发者ID,并点击“Continue”:
下一页是问你打算以独立开发者的身份加入还是以公司的身份加入。作为教程,我以独立开发者的身份加入,这差不多也是你将会选的。如果你选择以公司的身份加入,这个过程不会太容易。你需要提交很多资料以证明你加入了这家公司。
如果你选择以公司身份加入,请阅读右边的要求以确保你拥有所有需要的东西。
否则,就点击左边的“Individual”按钮,让我们继续。
你必须要再登录一次,填写表单,并点击“Sign in”:
输入账单信息以验证身份。Apple会尝试与你的信用卡公司验证这些信息,所以确保你的输入正确:
向下滚动,填写剩下的信息,并点击“Continue”:
到了选择一种计划的时候了,这个系列教程关注iOS Developer Program,所以这是我的唯一选项。如何你想开发OS X应用,你可以选择加入Mac Developer Program,但是你需要另外支付99美元(如果你现在不能决定也不用担心,之后也可以登录选择)。
选择你的计划之后点击“Continue”:
检查你的信息,如果有任何错误请回到之前的步骤修改。一切完毕请点击“Continue”:
下一页是另一个法律协议,所以你需要再次打给你的律师,你的律师说OK后就选中复选框,并点击“I Agree”:
注意:下边的步骤只适用于美国和其他拥有在线App Store的国家。对于没有在线App Store的国家,这些步骤稍微有些不同,会要求你传真你的信用卡信息给Apple。不幸的是,对于那些所在国没有在线App Store的读者,你需要自己完成这一小节余下的步骤。所以,请依照Apple的说明,并在下一小节再见。
对于依然停留在这里的人,请点击“Add to cart”:
这带我们进入了App Store以继续注册流程,点击“Check Out Now”按钮:
你需要使用新创建的Apple ID再次登录:
你需要输入“shipping address”(送货地址),虽然Apple不会给你送来任何东西。我建议你输入之前填入的信用卡账单地址(之后马上还会输入这个地址)。填完表格然后点击“Continue”:
再次点击“Continue”按钮:
现在你需要再次输入你的账单信息和信用卡号,并点击“Continue”按钮:
我们差不多结束了。你现在所在的这页可能会向你显示预估的销售税,这点你可能会也可能不会被收取(我没有)。准备就绪,点击“Place Order Now”按钮:
不用谢哈!
现在,进入实质阶段
在提交注册成为iOS开发者申请并支付了费用后,你需要等待一天让Apple处理你的订单。
如果因为你的所在国没有Apple Store,而必须传真信息给Apple,那你需要更多的耐心。我第一次注册的时候就遇到这种情况,我花费了一周时间来等待Apple回复我。
无论发生什么情况,你最终都会收到这样一封来至Apple的邮件:
同时,你也会收到这封邮件:
如果你还没有Xcode这个iOS开发中主要用到的工具,那你应该它了,使用你注册的iOS开发者账号来下载。在这个教材中,我们只会简单的使用Xcode,上其他优秀的将会教你如何使用Xcode。
现在进入,并点击“Log In”:
在你提供了登录信息后,你终于进入了iOS Dev Center。
iOS Dev Center有许多的信息。有编程指引、下载、文档、视屏以及非常有帮助的开发论坛和支持中心。
花点时间来熟悉哪些东西是可以用的。注意有些信息可能是要求保密的,特别是涉及到beta版本的iOS或Xcode。
在这篇教程里,我们会关注两个你开发应用时经常使用的入口:iOS Provisioning Portal和iTunes Connect。
首先我们介绍下两者。
iOS Provisioning Portal
我们应该知道,没有越狱的iOS设备只能运行经过Apple批准并且通过App Store安装的应用。
Apple通过要求每个运行在iOS的应用都拥有一个签名证书来实现这一点。从App安装的应用都捆绑了一个证书,系统在运行应用前会验证这个证书。如果没有签名或者签名无效,应用将不会运行。
作为开发者,我们需要经常在设备上调试我们正在开发的应用。因为这点,我们需要一个方法来创建我们自己的证书并给它签名。
这就是iOS Provisioning Portal的作用。这个入口允许你创建Apple称为“profiles”(配置文件)的东西,配置文件(有时也被称为“code signing identities”)是在这里生成的文件,它允许Xcode对你的应用签名,这样设备的iOS会认为应用是有效的。
有两种类型的配置文件:
- Development profiles。这个配置文件捆绑到了特定的机器,所有开发中的应用只能运行在这些机器上。
- Distribution profiles。在你提交应用给Apple审核前,需要用这个证书用于对应用签名。它没有包含和设备有关的信息,但是你不能使用他们在你自己的设备上安装应用,因为Apple在审核流程后还有对应用签名。
如果你的应用想发送push通知(当条件触发时,从服务端发来的弹出消息)的话,Provisiong Protal也能生成push证书。
iTunes Connect
iTunes Connect是你用于提交应用的入口。这是你注册新应用、输入应用描述和截图、选择价格、配置game center和应用内支付的地方。
这也是你同来接受新的合同、设置财务数据和检测销售的入口。
这篇教程的剩下不会我们会使用Provisiong Protal。下一次,教程的第二部分,我会向你介绍iTunes Connect。
证书、设备注册和配置文件
这篇教程接下来的部分,我们将会使用iOS Provisioning Portal来设置在自己设备上(和之后为了发布到App Store)开发应用所需要的信息。
注意,用Xcode中的Automatic Device provisioning工具来完成这项任务会更加简单,我会在这个系列教程的第二部分采用这种方式。但这里我会一步一步地带你完成,通过这种方式你会更好的明白这一切是怎么工作的,当你在App Store发布应用时,这些信息是对你来说非常重要的。
如果你依然停留在iOS Dev Center页面,就请点击右上方的链接或者。
进入后你有很多事情需要去完成。有些你只需要完成一次,比如生成你的证书和注册设备。其他的事情对你的每个应用都会重复进行一次,比如生成开发配置文件和发布配置文件。
首先,你需要生成两个证书,一个用于你的开发配置文件另一个则用户你的发布配置文件。
让我们点击“Certificates”链接来得到我们的证书:
点击“Request Certificate”:
下一个界面将会解释如何请求证书,我会指引你。
让我们离开浏览器一会儿,在你的Mac上打开Keychain Access。如果你不知道在哪里打开,可以使用Spotlight搜索:
程序打开后,从Keychain Access菜单里选择“Certificate Assistant”,然后选择“Request a Certificate From a Certificate Authority…”:
在Certificate Assistant窗口里,填入你的email地址和名字,选择“Save to disk”并且点击“Continue”:
把这个文件保存在你的Mac上。
回到浏览器,通过“Choose file”找到刚才保存的文件,并点击“Submit”:
Apple需要一些时间来为你生成证书。我见过花几分钟的,但有时它会长一些。在我们等待的这段时间(证书的状态可能会提示是“Issued”,但是直到下载按钮出现,证书才是真正的准备好了),让我们做些其他需要做的事情。
你可以在“Current Development Certificates”这一节的下边看到一则消息,它提示:“如果你还没有安装WWDR,现在就点击这里下载”。点击这个链接。
这会下载一个名为AppleWWDRCA.cer的文件。双击安装这个它。如果你已经关闭了Keychain Access,安装程序再次打开Keychain Access。这个文件安装了之后,请保持Keychain Access打开,因为我们几分钟之后会再次用到它。
你同样需要一个发布证书。点击“Distribution”标签,并像开始一样,提交证书文件。我不是安全专家,但我认为在这种情况下,重复使用相同的证书签名请求没什么大不了的。如果我错了请随时纠正我。
再次说明,有时等待证书的下载按钮可用需要花点时间。我们同时拥有了两个证书才能继续下边的步骤,所以如果你依然在等待中,去喝杯咖啡,或者细读下本站的其他教程,然后再回来。
两个证书都准备好后,点击Development标签页和Distribution标签页的“Download”按钮以便获得两个证书文件。
双击两个文件安装到你的keychain。你应该看到你的证书如下图所示:
现在你可以关闭Keychain Access了。
让我们继续。下一步是注册你的设备。在左边的菜单点击“Devices”,然后点击右边的“Add Devices”:
你需要获取用来调试应用的设备的UDID。这里有几种方式来取得设备的UDID:用免费的应用来得的UDID,或者你可以使用Xcode的Organizer。我会像你展示如何使用iTunes来获取UDID。
打开iTunes并且把你的设备插入到计算机。从左边的菜单选择设备。iTunes会显示设备名称、容量、版本、序列号和电话号码。点击序列号,然后它会变成你的设备UDID。
现在使用CMD-C来拷贝UDID到剪贴板。
回到浏览器,输入设备名称并粘贴UDID到相应的字段。设备名词可以是任何你想要的名字。要添加更多的设备,请点击“+”按钮。一切妥当后,点击“Submit”。
你可以随时回来添加更多的设备,比如那些属于朋友或者beta测试者的设备。Apple允许你每年每个帐户最多注册100个设备。(注意:如果你注册了一个设备然后又移除了它,它依然会占据一个名额)
现在,你的设备已经注册了,我们需要注册一个app ID。每个应用都需要一个它自己的app ID。点击左边菜单的“App IDs”:
你会看到一个对app ID概念的详细解释。简要地说,app ID是由Apple生成的10个字符长“种子”前缀加你自己的bundle ID组成。把它们组合在一起就为你的应用创建了一个唯一标识符。
这里是一些关于app ID的重要内容,你应该知道下:
1、如果你想要在你的应用间分享keychain信息,你可以让它们拥有相同的种子前缀。比如你有一个应用套件通过一个登录入口来使用同一个网站。如果应用间分享相一个种子前缀,一个应用保存用户信息到iOS的keychain,那么这个套件里的其他应用也可以从keychain活得登录信息。
2、bundle ID必须是唯一的。在Apple的push服务在IAP和iClound中会使用到它。
3、Apple建议使用反向域名形式的字符串来作为app ID的Bundle标识符部分。建议的格式是““com.domainname.applicationname.”。
4、Apple允许你使用星号来创建一个带通配符的bundle ID,以便在你的所有应用中都使用同一个bundle ID。但是我不建议这么做。使用带通配符的bundle ID可能会让创建配置文件简单些,但是你不能使用push服务或者IAP了。或许你现在不打算使用这些服务,但是你一旦改变你的想法,除非创建一个新的应用否则你无法改变应用的app ID。
现在,你知道了app ID的所有内容,让我们创建一个。点击“New App ID”。
填写描述(通常使用应用的描述)和bundle标识符。种子ID会是你团队的种子ID。(过去有方法拥有多个种子ID,但是好像现在不行了。)
记住使用反向域名格式的字符串来作为bundle ID。点击“Submit”按钮:
现在,我们已经准备好了进行在Provisioning Portal里的最后一步:创建配置文件。
在左边的菜单点击“Provisioning”,然后点击右边的“New Profile”:
填入应用名字作为配置文件名字,选择证书,选择你刚才创建的app ID,然后选择你想要作为测试机的设备。点击“Submit”:
当你回到这页,配置文件的状态会是“Pending”,Apple正在为你创建文件。通常你只需要点击下“Development”标签,你会发现状态已经变成“Active”并且会出现一个“Download”按钮。
在现在这个配置文件之前,让我们继续创建发布配置文件。我们在准备提交应用审核前不需要发布配置文件,但是既然我们已经在这里了,让我们创建一个。
在页面的顶部点击“Distribution”标签,然后点击“New Profile”。
选择“App Store”作为分发方式,输入配置文件名字(不能使用和开发配置文件相同的名字),选择你的app ID,点击“Submit”。
这里问我不会对Ad Hoc详细说明,因为发布应用不是这篇教程的主题。你可以在获得更多关于Ad Hoc的信息。
你的配置文件应该准备好了。回到“Development”标签,点击“Download”并保存这个文件。同样的方式从“Distribution”标签下载发布配置文件。
现在在电脑上找到刚刚下载的配置文件,双击他们。他们会打开Xcode的organizer:
下一步是什么?
如果你跟随我完成了这些步骤,那么你已经完成了成为一个正式iOS开发者的一大步——恭喜!即使你依然在思考这个过程,但我也希望它没有吓到你。
在这个教程系列的第二部分,我们会让应用在设备上跑起来,并把它提交到App Store。我也会向你展示如果用Xcode的Automatic Device Provisioning功能让你的应用更快速地跑起来!
如果你对我们已经完成内容的有任何问题和建议,请加入下边的论坛讨论!
参考知识库
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
(1)(2)(12)(9)(44)(7)(25)(15)(20)(24)(6)(4)(4)(4)(43)(72)(30)(17)(2)(1)

我要回帖

更多关于 零基础学安卓开发 的文章

 

随机推荐