2.2 发布步骤:5个步骤轻松完成上线
在完成百度智能小程序的审核,拥有了账号之后,运营者需要做的就是发布百度智能小程序。百度智能小程序的发布主要有5个步骤,接下来具体进行解读。
2.2.1 事前了解:查看开发的相关内容
百度智能小程序的开发是一个相对复杂的过程,为了避免因为无方向地摸索而浪费时间,也为了更好地获取百度智能小程序为运营者提供的各种资料,运营者在正式开发百度智能小程序之前,必须先查看开发的相关内容。
百度智能小程序官方网站的“开发”界面对简易教程、框架、组件、API、工具和开放服务等内容分别进行了说明,具体如图2-24所示。
图2-24 “开发”界面
2.2.2 下载工具:获取代码上传的渠道
通常来说,自主开发百度智能小程序有两种途径:一是下载开发工具,在开发工具上直接进行开发;二是在第三方平台上开发,然后利用开发工具将代码包上传。可以看到,无论是哪种自主开发途径,都是需要下载开发工具的。接下来对开发工具的下载步骤进行具体解读。
步骤01 进入百度智能小程序官网后台的“小程序首页”界面,单击“开发者工具”文字链接。
图2-25 “小程序首页”界面
步骤02 操作完成后,进入图2-26所示的“开发”界面,在该界面中选择对应的开发工具的版本。此处以“Windows 64”版开发工具的下载步骤为例进行具体的解读。
图2-26 “开发”界面
步骤03 操作完成后,弹出“新建下载任务”对话框,在该对话框中对名称和下载位置进行设置,单击“下载”按钮,如图2-27所示。操作完成后,如果在下载位置出现图标,就说明开发工具下载完成了。
图2-27 “新建下载任务”对话框
2.2.3 开发打包:设计你的智能小程序
开发工具下载完成之后,运营者接下来就可以安心开发、设计百度智能小程序了。开发百度智能小程序的方法大致可以分为3类:一是直接外包;二是在开发工具上编码开发;三是借助第三方平台开发。
在上述3种开发方式中,外包不需要运营者亲自进行开发;在开发工具上开发需要熟悉编码,操作起来有一定难度;而在第三方平台上开发则可以借助相应的模板,快速完成开发,操作起来也比较简单。接下来以在“即速应用”平台上开发百度智能小程序的步骤为例进行具体说明。
步骤01 进入“即速应用”平台首页,单击导航栏下方轮播栏中“首批百度小程序开发平台全新上线”下方的“立即查看”按钮,如图2-28所示。
图2-28 “首页”界面
步骤02 操作完成后,进入“用即速应用”界面,单击界面中的“立即试用”按钮,如图2-29所示。
图2-29 “用即速应用”界面
步骤03 操作完成后,进入“制作”界面,将鼠标指针停留在想要使用的模板上,单击“选择模板”按钮,如图2-30所示。当然,运营者如果要查看模板内容,可以用微信扫描二维码进行查看。
图2-30 “制作”界面
步骤04 操作完成后,进入模板内容预览界面,单击界面中的“编辑模板”按钮,如图2-31所示。
图2-31 模板内容预览界面
步骤05 操作完成后,进入内容编辑界面,内容编辑完成之后,单击右上方的“发布”按钮,如图2-32所示。
图2-32 内容编辑界面
需要特别说明的是,虽然在第三方平台上一般都提供了可供直接套用的模板,但是每个运营者的实际情况都会有所不同。因此,在套用模板时还需将模板上的信息都转化为自身信息。
步骤06 进入“基本设置”界面,设置名称、封面和logo,单击“发布”按钮,如图2-33所示。
图2-33 “基本设置”界面
步骤07 操作完成后,进入小程序管理界面,单击界面中的“打包百度小程序”按钮,如图2-34所示。
图2-34 小程序管理界面
步骤08 进入“打包百度小程序(内测中)”界面,输入AppID、AppKey、AppSecret、选择分类等信息,单击下方的“打包”按钮,如图2-35所示。
图2-35 “打包百度小程序(内测中)”界面
上面这些信息,大部分都可以直接从图2-36所示的“开发者ID”界面中找到,运营者只需做简单的复制、粘贴工作即可。
图2-36 “开发者ID”界面
步骤09 操作完成后,如果界面中显示“打包成功”,就说明代码包的打包工作完成了。而运营者要想通过开发者工具将代码包上传,需单击“下载”按钮,将代码包先下载下来,如图2-37所示。
图2-37 显示“打包成功”
步骤10 操作完成后,界面中将弹出“新建下载任务”对话框,单击对话框中的“下载”按钮,如图2-38所示。
需要特别说明的是,在下载代码包时,千万不能改动文件名称,否则内容可能会出现一些变化。
图2-38 “新建下载任务”对话框
2.2.4 域名设置:根据提示配置服务器
细心的读者可能已经发现了,在图2-35中,打包百度小程序时,“服务器配置”一栏便要求运营者配置小程序域名。其实,除了打包之外,运营者要想将上传的代码包发布,也是需要对域名进行配置的。域名的配置比较简单,只需根据提示进行操作即可。以下是对服务器域名进行配置的具体说明。
步骤01 进入百度智能小程序后台的“小程序首页”界面,单击界面中的“开发设置”按钮,如图2-39所示。
图2-39 “小程序首页”界面
步骤02 在“开发”界面中,找到“服务器域名”一栏,单击“开始配置”按钮,进入图2-40所示的“配置服务信息”界面,输入域名信息,单击下方的“保存并提交”按钮。
图2-40 “配置服务信息”界面
步骤03 操作完成后,在“服务器域名”界面中如果出现域名的链接,便说明域名设置成功了,如图2-41所示。可以看到,服务器域名也是可以修改的,但是一个月之内只能申请5次,运营者一定要把握好。
图2-41 “服务器域名”界面
2.2.5 版本发布:提交代码,审核上线
代码包下载和域名设置完成之后,接下来运营者就可以提交代码,让百度智能小程序审核上线了。具体来说,百度智能小程序的审核发布步骤如下。
步骤01 打开开发者工具,进入图2-42所示的界面,单击“新建”按钮,进入百度小程序信息设置界面;设置项目名称、项目目录和APP ID;单击下方的“完成”按钮,如图2-43所示。
图2-42 单击“新建”按钮
图2-43 单击“完成”按钮
步骤02 操作完成后,进入开发者工具。运营者可以预览百度智能小程序内容,确认无误后,单击“发布”按钮,如图2-44所示。
图2-44 单击“发布”按钮
步骤03 操作完成后,弹出图2-45所示的版本信息对话框,在对话框中输入版本号,单击下方的“确认上传”按钮。
图2-45 版本信息对话框
步骤04 操作完成后,如果在开发者工具中显示“发布成功”,便说明代码包已成功上传至百度智能小程序后台了,如图2-46所示。
图2-46 显示“发布成功”
步骤05 操作完成后,进入百度智能小程序后台的“开发管理”界面,如果“开发版本”一栏出现刚刚上传的代码的相关信息,就说明代码包上传成功了,如图2-47所示。
图2-47 “开发管理”界面
步骤06 单击“开发版本”中的“提交审核”按钮,进入图2-48所示的“编辑信息并提交审核”界面。在该界面中输入测试账号、账号密码和版本描述等信息,单击下方的“提交审核”按钮。
图2-48 “编辑信息并提交审核”界面
步骤07 完成操作后,页面跳转至“开发管理”界面。如果此时在“审核版本”版块中出现刚刚提交审核的代码包的相关内容,而且“状态”一栏显示“审核中”,就说明提交审核成功了,如图2-49所示。
图2-49 提交审核成功
步骤08 审核通过之后,运营者只需在“开发管理”界面发布百度智能小程序即可。图2-50所示为“手机摄影构图大全”百度智能小程序开发版发布后的页面展示图。
图2-50 “手机摄影构图大全”百度智能小程序的相关界面