![百度智能小程序:AI赋能新机遇](https://wfqqreader-1252317822.image.myqcloud.com/cover/743/27111743/b_27111743.jpg)
2.2 发布步骤:5个步骤轻松完成上线
在完成百度智能小程序的审核,拥有了账号之后,运营者需要做的就是发布百度智能小程序。百度智能小程序的发布主要有5个步骤,接下来具体进行解读。
2.2.1 事前了解:查看开发的相关内容
百度智能小程序的开发是一个相对复杂的过程,为了避免因为无方向地摸索而浪费时间,也为了更好地获取百度智能小程序为运营者提供的各种资料,运营者在正式开发百度智能小程序之前,必须先查看开发的相关内容。
百度智能小程序官方网站的“开发”界面对简易教程、框架、组件、API、工具和开放服务等内容分别进行了说明,具体如图2-24所示。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P59_11015.jpg?sign=1739136146-FR4MN4rOqhCbVcPH0376lylO62iRTjiI-0-51846517bcc1f61b8cf2833278659210)
图2-24 “开发”界面
2.2.2 下载工具:获取代码上传的渠道
通常来说,自主开发百度智能小程序有两种途径:一是下载开发工具,在开发工具上直接进行开发;二是在第三方平台上开发,然后利用开发工具将代码包上传。可以看到,无论是哪种自主开发途径,都是需要下载开发工具的。接下来对开发工具的下载步骤进行具体解读。
步骤01 进入百度智能小程序官网后台的“小程序首页”界面,单击“开发者工具”文字链接。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P60_18628.jpg?sign=1739136146-bbhXJuUvCdsTCaIBTbfCeq0YdGMeGBWD-0-24783cf7277275e9fc8cd7f9ea4bd855)
图2-25 “小程序首页”界面
步骤02 操作完成后,进入图2-26所示的“开发”界面,在该界面中选择对应的开发工具的版本。此处以“Windows 64”版开发工具的下载步骤为例进行具体的解读。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P60_18627.jpg?sign=1739136146-b5DpNkQ7kjKenh13k35Xwx59CF21OH0s-0-6c12d436c6606c745a445a1613c5c302)
图2-26 “开发”界面
步骤03 操作完成后,弹出“新建下载任务”对话框,在该对话框中对名称和下载位置进行设置,单击“下载”按钮,如图2-27所示。操作完成后,如果在下载位置出现图标,就说明开发工具下载完成了。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P61_18623.jpg?sign=1739136146-qvD5M4Scrjn2TeZmcP4hNPo1miWXGe6h-0-8a4acd8ad5ad5f75f8803b592d3a1ab8)
图2-27 “新建下载任务”对话框
2.2.3 开发打包:设计你的智能小程序
开发工具下载完成之后,运营者接下来就可以安心开发、设计百度智能小程序了。开发百度智能小程序的方法大致可以分为3类:一是直接外包;二是在开发工具上编码开发;三是借助第三方平台开发。
在上述3种开发方式中,外包不需要运营者亲自进行开发;在开发工具上开发需要熟悉编码,操作起来有一定难度;而在第三方平台上开发则可以借助相应的模板,快速完成开发,操作起来也比较简单。接下来以在“即速应用”平台上开发百度智能小程序的步骤为例进行具体说明。
步骤01 进入“即速应用”平台首页,单击导航栏下方轮播栏中“首批百度小程序开发平台全新上线”下方的“立即查看”按钮,如图2-28所示。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P61_18622.jpg?sign=1739136146-o6CoVy1LkGQwccf2WmczFv9PMnPwCTfv-0-67afa168eac6edd79b0db2fbc2e81f4f)
图2-28 “首页”界面
步骤02 操作完成后,进入“用即速应用”界面,单击界面中的“立即试用”按钮,如图2-29所示。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P62_18618.jpg?sign=1739136146-RGzKbTllm9m1i3ASpcV4xxg0iXNBQkyX-0-1a7223eca6c57fce5432e37163787176)
图2-29 “用即速应用”界面
步骤03 操作完成后,进入“制作”界面,将鼠标指针停留在想要使用的模板上,单击“选择模板”按钮,如图2-30所示。当然,运营者如果要查看模板内容,可以用微信扫描二维码进行查看。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P62_18619.jpg?sign=1739136146-PQgctUCbBDQ56g4o9kSdXEOAbqH4cwV1-0-3898d3890f1704e26baff046fbf6c1c7)
图2-30 “制作”界面
步骤04 操作完成后,进入模板内容预览界面,单击界面中的“编辑模板”按钮,如图2-31所示。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P63_18611.jpg?sign=1739136146-x61JCjFl7XUQoHeUwpG6XXWbw9Is7yKC-0-c3a2fa234b4e36582e7fe78079d2187f)
图2-31 模板内容预览界面
步骤05 操作完成后,进入内容编辑界面,内容编辑完成之后,单击右上方的“发布”按钮,如图2-32所示。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P63_18612.jpg?sign=1739136146-RoOuqcY7tokHvSkgjN13sdDrqg2DCggz-0-79cc4a6ffbf0e511fdc925eb4f113fb2)
图2-32 内容编辑界面
需要特别说明的是,虽然在第三方平台上一般都提供了可供直接套用的模板,但是每个运营者的实际情况都会有所不同。因此,在套用模板时还需将模板上的信息都转化为自身信息。
步骤06 进入“基本设置”界面,设置名称、封面和logo,单击“发布”按钮,如图2-33所示。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P64_18609.jpg?sign=1739136146-Ij2GSD7ijSXpxRVyArV65J2IZ2IlM2l9-0-bf04d0e97f80eedbdf41ef79bc7a977d)
图2-33 “基本设置”界面
步骤07 操作完成后,进入小程序管理界面,单击界面中的“打包百度小程序”按钮,如图2-34所示。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P64_18610.jpg?sign=1739136146-tKaFgIwX35MVX93bYHWmhCsSX9pg4CbC-0-d5c0abed53ca885b4d70ea2cf8abb8fa)
图2-34 小程序管理界面
步骤08 进入“打包百度小程序(内测中)”界面,输入AppID、AppKey、AppSecret、选择分类等信息,单击下方的“打包”按钮,如图2-35所示。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P65_18606.jpg?sign=1739136146-CUatjjirnymaQWoCfz722703kgNmVZnM-0-d0ead123d97c2797894cab1189ddf18f)
图2-35 “打包百度小程序(内测中)”界面
上面这些信息,大部分都可以直接从图2-36所示的“开发者ID”界面中找到,运营者只需做简单的复制、粘贴工作即可。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P65_11336.jpg?sign=1739136146-vK1AAzCmlcgOCSqjzyahfyVkIEzojNTP-0-73577a1b9c34f67b0c58477b313b92d8)
图2-36 “开发者ID”界面
步骤09 操作完成后,如果界面中显示“打包成功”,就说明代码包的打包工作完成了。而运营者要想通过开发者工具将代码包上传,需单击“下载”按钮,将代码包先下载下来,如图2-37所示。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P66_18602.jpg?sign=1739136146-ogcmXT5A6WHF6dcnw1dgbC6WpITW3XRO-0-8483b7e54622b16542944f7e393d0352)
图2-37 显示“打包成功”
步骤10 操作完成后,界面中将弹出“新建下载任务”对话框,单击对话框中的“下载”按钮,如图2-38所示。
需要特别说明的是,在下载代码包时,千万不能改动文件名称,否则内容可能会出现一些变化。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P66_18603.jpg?sign=1739136146-SAzqMtWh0lw2GxvWEPND19dugVcX5TYd-0-2f3170213a38075971631bbf0ac92d82)
图2-38 “新建下载任务”对话框
2.2.4 域名设置:根据提示配置服务器
细心的读者可能已经发现了,在图2-35中,打包百度小程序时,“服务器配置”一栏便要求运营者配置小程序域名。其实,除了打包之外,运营者要想将上传的代码包发布,也是需要对域名进行配置的。域名的配置比较简单,只需根据提示进行操作即可。以下是对服务器域名进行配置的具体说明。
步骤01 进入百度智能小程序后台的“小程序首页”界面,单击界面中的“开发设置”按钮,如图2-39所示。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P67_18599.jpg?sign=1739136146-fH8Kr9MrRtKqGgy1MjHx2n2rIJ1zTmHr-0-2b8b5b8405c246fafc2f0a0acb0613ce)
图2-39 “小程序首页”界面
步骤02 在“开发”界面中,找到“服务器域名”一栏,单击“开始配置”按钮,进入图2-40所示的“配置服务信息”界面,输入域名信息,单击下方的“保存并提交”按钮。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P67_18600.jpg?sign=1739136146-nXzHfIIMxUn3YoRi3mRAjClRR5LBkgbK-0-ce85be9a5ccff6f63485b1cff927aa41)
图2-40 “配置服务信息”界面
步骤03 操作完成后,在“服务器域名”界面中如果出现域名的链接,便说明域名设置成功了,如图2-41所示。可以看到,服务器域名也是可以修改的,但是一个月之内只能申请5次,运营者一定要把握好。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P68_11463.jpg?sign=1739136146-j19RCHfNZfwKEMf8kHPirCpD7Lc5YhOM-0-2ec3e6e728df8591ef318aac4e1deeb9)
图2-41 “服务器域名”界面
2.2.5 版本发布:提交代码,审核上线
代码包下载和域名设置完成之后,接下来运营者就可以提交代码,让百度智能小程序审核上线了。具体来说,百度智能小程序的审核发布步骤如下。
步骤01 打开开发者工具,进入图2-42所示的界面,单击“新建”按钮,进入百度小程序信息设置界面;
设置项目名称、项目目录和APP ID;
单击下方的“完成”按钮,如图2-43所示。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P68_18589.jpg?sign=1739136146-UkxgtSn1pd8NZd0c7ZfAYYVTqYagq47k-0-c26764e1bdc405b1596d613766dce7ff)
图2-42 单击“新建”按钮
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P68_18590.jpg?sign=1739136146-JW6Vmh2JVQkiLCoep91yzVs7ivJfKhc2-0-d50eae84555c8dee6b2fd619b5d068da)
图2-43 单击“完成”按钮
步骤02 操作完成后,进入开发者工具。运营者可以预览百度智能小程序内容,确认无误后,单击“发布”按钮,如图2-44所示。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P69_18587.jpg?sign=1739136146-eOZEVMp1RxGsQegPpWGTUpBFGV163XH5-0-0bcb20ffe5a242170da36d5c958de586)
图2-44 单击“发布”按钮
步骤03 操作完成后,弹出图2-45所示的版本信息对话框,在对话框中输入版本号,
单击下方的“确认上传”按钮。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P69_18588.jpg?sign=1739136146-yuzJbAmPhtYOAZOtWlQqiLViG2qg4ZkF-0-c3415c992916a5224ee0315911759f11)
图2-45 版本信息对话框
步骤04 操作完成后,如果在开发者工具中显示“发布成功”,便说明代码包已成功上传至百度智能小程序后台了,如图2-46所示。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P69_11610.jpg?sign=1739136146-foiV2Sc8ZlPcOOMCzOW3aIrfVNinNrtB-0-e0f4d01f3b69a194e448d90954b50786)
图2-46 显示“发布成功”
步骤05 操作完成后,进入百度智能小程序后台的“开发管理”界面,如果“开发版本”一栏出现刚刚上传的代码的相关信息,就说明代码包上传成功了,如图2-47所示。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P70_18581.jpg?sign=1739136146-7IHfCDEqFMf2DJmRfeDlTC6qA9rggV2L-0-9918418116dd61653b504610801d2e7b)
图2-47 “开发管理”界面
步骤06 单击“开发版本”中的“提交审核”按钮,进入图2-48所示的“编辑信息并提交审核”界面。在该界面中输入测试账号、账号密码和版本描述等信息,
单击下方的“提交审核”按钮。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P70_18583.jpg?sign=1739136146-R9xQg4OsYdyYxBRk0mJtO3ukNp3FOfm8-0-5eb53f9233c7b0ac961c8e399972871e)
图2-48 “编辑信息并提交审核”界面
步骤07 完成操作后,页面跳转至“开发管理”界面。如果此时在“审核版本”版块中出现刚刚提交审核的代码包的相关内容,而且“状态”一栏显示“审核中”,就说明提交审核成功了,如图2-49所示。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P71_18578.jpg?sign=1739136146-I1lMowSIvipTi8gmEEuwduUC8LxeKVAc-0-786088ad858553001862f25967f435da)
图2-49 提交审核成功
步骤08 审核通过之后,运营者只需在“开发管理”界面发布百度智能小程序即可。图2-50所示为“手机摄影构图大全”百度智能小程序开发版发布后的页面展示图。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P71_11727.jpg?sign=1739136146-ufXNJiqsKhm29VUi2UTO9VVC5aiOpyPO-0-9f5c3c1c4a1d464edd0ad22d6e4b9d92)
图2-50 “手机摄影构图大全”百度智能小程序的相关界面