![百度智能小程序: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=1739633181-73mvXP4kSFgEgosDJ2O9Xl9UkQhR9Hz6-0-ba9dfc5dfe4524b2990ef282d2b36d60)
图2-24 “开发”界面
2.2.2 下载工具:获取代码上传的渠道
通常来说,自主开发百度智能小程序有两种途径:一是下载开发工具,在开发工具上直接进行开发;二是在第三方平台上开发,然后利用开发工具将代码包上传。可以看到,无论是哪种自主开发途径,都是需要下载开发工具的。接下来对开发工具的下载步骤进行具体解读。
步骤01 进入百度智能小程序官网后台的“小程序首页”界面,单击“开发者工具”文字链接。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P60_18628.jpg?sign=1739633181-gIexDw4xKADH7eWz8IqyHTgi4PYuvbfk-0-bcafa3b308e610b2894dafb4f18e27cb)
图2-25 “小程序首页”界面
步骤02 操作完成后,进入图2-26所示的“开发”界面,在该界面中选择对应的开发工具的版本。此处以“Windows 64”版开发工具的下载步骤为例进行具体的解读。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P60_18627.jpg?sign=1739633181-iMFju6Fmhn8T3v9oo2qA5VKkiBUQIEC7-0-a63a1baf0c73bd5651f007e2db7d44c3)
图2-26 “开发”界面
步骤03 操作完成后,弹出“新建下载任务”对话框,在该对话框中对名称和下载位置进行设置,单击“下载”按钮,如图2-27所示。操作完成后,如果在下载位置出现图标,就说明开发工具下载完成了。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P61_18623.jpg?sign=1739633181-rMG6daVHB0DTWbZcltAS42HCwgxJXenF-0-ed4df530157f2d83fea1e7cee4009b40)
图2-27 “新建下载任务”对话框
2.2.3 开发打包:设计你的智能小程序
开发工具下载完成之后,运营者接下来就可以安心开发、设计百度智能小程序了。开发百度智能小程序的方法大致可以分为3类:一是直接外包;二是在开发工具上编码开发;三是借助第三方平台开发。
在上述3种开发方式中,外包不需要运营者亲自进行开发;在开发工具上开发需要熟悉编码,操作起来有一定难度;而在第三方平台上开发则可以借助相应的模板,快速完成开发,操作起来也比较简单。接下来以在“即速应用”平台上开发百度智能小程序的步骤为例进行具体说明。
步骤01 进入“即速应用”平台首页,单击导航栏下方轮播栏中“首批百度小程序开发平台全新上线”下方的“立即查看”按钮,如图2-28所示。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P61_18622.jpg?sign=1739633181-kL3S2Q1quYcXkSyqRuQAvdyYe5LbXjVB-0-6a2a25fe52fdd9f8213c5aeecc431df6)
图2-28 “首页”界面
步骤02 操作完成后,进入“用即速应用”界面,单击界面中的“立即试用”按钮,如图2-29所示。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P62_18618.jpg?sign=1739633181-UFeZDP4AsC3DiKRbvrOG0dIRWGUZzAte-0-6b532aac1182dce9aad2d7669fba82fb)
图2-29 “用即速应用”界面
步骤03 操作完成后,进入“制作”界面,将鼠标指针停留在想要使用的模板上,单击“选择模板”按钮,如图2-30所示。当然,运营者如果要查看模板内容,可以用微信扫描二维码进行查看。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P62_18619.jpg?sign=1739633181-0UFXmTTe5kwseDHsRWpDvYcuOJ6Z7MA6-0-181b4293985f64b0a21cc22f76c67886)
图2-30 “制作”界面
步骤04 操作完成后,进入模板内容预览界面,单击界面中的“编辑模板”按钮,如图2-31所示。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P63_18611.jpg?sign=1739633181-RUAPKwXrBjLpKaZ4QyJTxFnJhvOw4nWa-0-143bd760e40972c9f480ab7e98697481)
图2-31 模板内容预览界面
步骤05 操作完成后,进入内容编辑界面,内容编辑完成之后,单击右上方的“发布”按钮,如图2-32所示。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P63_18612.jpg?sign=1739633181-sc3Tl6VS0u20zolRhWTLlqLM8PxYxzdO-0-832fcb851d51b4203d0b5bbe24c40701)
图2-32 内容编辑界面
需要特别说明的是,虽然在第三方平台上一般都提供了可供直接套用的模板,但是每个运营者的实际情况都会有所不同。因此,在套用模板时还需将模板上的信息都转化为自身信息。
步骤06 进入“基本设置”界面,设置名称、封面和logo,单击“发布”按钮,如图2-33所示。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P64_18609.jpg?sign=1739633181-JApTsqnSD0PBab3udp1MfJdE0oUicyvM-0-45b4b0f828fb3a03120acb9e90dd8a1b)
图2-33 “基本设置”界面
步骤07 操作完成后,进入小程序管理界面,单击界面中的“打包百度小程序”按钮,如图2-34所示。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P64_18610.jpg?sign=1739633181-Bfvy0Mz1otKllTQrsUTRjbLqrUVXkX8i-0-73aaf210cb0be4b56619ea1252a92dc3)
图2-34 小程序管理界面
步骤08 进入“打包百度小程序(内测中)”界面,输入AppID、AppKey、AppSecret、选择分类等信息,单击下方的“打包”按钮,如图2-35所示。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P65_18606.jpg?sign=1739633181-TqaS456sNHsvMYTIJ4GW5nF1ARPCrJvo-0-8dd9e2d540d8a165e7d74bb182822559)
图2-35 “打包百度小程序(内测中)”界面
上面这些信息,大部分都可以直接从图2-36所示的“开发者ID”界面中找到,运营者只需做简单的复制、粘贴工作即可。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P65_11336.jpg?sign=1739633181-xsRt5DSR0a3oCYKQ4YLniqxY6DcPGXiC-0-4717e42111cfe0a9b425aef820c13c58)
图2-36 “开发者ID”界面
步骤09 操作完成后,如果界面中显示“打包成功”,就说明代码包的打包工作完成了。而运营者要想通过开发者工具将代码包上传,需单击“下载”按钮,将代码包先下载下来,如图2-37所示。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P66_18602.jpg?sign=1739633181-rvUst0hwxCBSffryN2WpWncwg59IXILX-0-8c8448febba908295062449874d558fe)
图2-37 显示“打包成功”
步骤10 操作完成后,界面中将弹出“新建下载任务”对话框,单击对话框中的“下载”按钮,如图2-38所示。
需要特别说明的是,在下载代码包时,千万不能改动文件名称,否则内容可能会出现一些变化。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P66_18603.jpg?sign=1739633181-ZvZa6FKUBhdJ1YGs0vj1BTnBZPCVXBWs-0-280757bb9462c67f9e29a4440bee35bc)
图2-38 “新建下载任务”对话框
2.2.4 域名设置:根据提示配置服务器
细心的读者可能已经发现了,在图2-35中,打包百度小程序时,“服务器配置”一栏便要求运营者配置小程序域名。其实,除了打包之外,运营者要想将上传的代码包发布,也是需要对域名进行配置的。域名的配置比较简单,只需根据提示进行操作即可。以下是对服务器域名进行配置的具体说明。
步骤01 进入百度智能小程序后台的“小程序首页”界面,单击界面中的“开发设置”按钮,如图2-39所示。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P67_18599.jpg?sign=1739633181-F2ZPvWy2cgcLwe8O8F5BD7U9nkopDMf6-0-c05700bc7407f5db9b9ff7c8769319a8)
图2-39 “小程序首页”界面
步骤02 在“开发”界面中,找到“服务器域名”一栏,单击“开始配置”按钮,进入图2-40所示的“配置服务信息”界面,输入域名信息,单击下方的“保存并提交”按钮。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P67_18600.jpg?sign=1739633181-FtZLppHfCeBqiMyWhq0PVG1SC8Y2VLIJ-0-822b116ffab40ceb2e1b7af9527bd37c)
图2-40 “配置服务信息”界面
步骤03 操作完成后,在“服务器域名”界面中如果出现域名的链接,便说明域名设置成功了,如图2-41所示。可以看到,服务器域名也是可以修改的,但是一个月之内只能申请5次,运营者一定要把握好。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P68_11463.jpg?sign=1739633181-tzPslMjjhturKkGv5fDvbuz6cVRC8w1S-0-94be2159953571a320acee2b3e2d53ab)
图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=1739633181-1twTos0y2vfZNkp7RnHq2EbyZbyFJEEk-0-594517ff33a77af35704b8f9eebd0d5d)
图2-42 单击“新建”按钮
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P68_18590.jpg?sign=1739633181-XuyY9xG2tC5ngmvJjfyJO7sXq9PMucOV-0-200625b386617214505ca660ad1f13e2)
图2-43 单击“完成”按钮
步骤02 操作完成后,进入开发者工具。运营者可以预览百度智能小程序内容,确认无误后,单击“发布”按钮,如图2-44所示。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P69_18587.jpg?sign=1739633181-SL9QI97JDkF6Jq3qHCRICKlZSmdgAQZA-0-6652cef277b115e35bbcd481a10901f5)
图2-44 单击“发布”按钮
步骤03 操作完成后,弹出图2-45所示的版本信息对话框,在对话框中输入版本号,
单击下方的“确认上传”按钮。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P69_18588.jpg?sign=1739633181-N0g4rnTgorit5fASQRpzA0kRu3gt4ea2-0-147436517b9d9ee93466fa65cc95bd6b)
图2-45 版本信息对话框
步骤04 操作完成后,如果在开发者工具中显示“发布成功”,便说明代码包已成功上传至百度智能小程序后台了,如图2-46所示。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P69_11610.jpg?sign=1739633181-j5E4wC6wXWoZ9xBYaopMAaHUjVIYmYcv-0-05cc8fbe68daee0737c14247bb8c7538)
图2-46 显示“发布成功”
步骤05 操作完成后,进入百度智能小程序后台的“开发管理”界面,如果“开发版本”一栏出现刚刚上传的代码的相关信息,就说明代码包上传成功了,如图2-47所示。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P70_18581.jpg?sign=1739633181-E8tFfvFXrlUtzhBQxlxxdOepiMrhLFu8-0-36a4148ee653b3a68d29d6c51e05f9a6)
图2-47 “开发管理”界面
步骤06 单击“开发版本”中的“提交审核”按钮,进入图2-48所示的“编辑信息并提交审核”界面。在该界面中输入测试账号、账号密码和版本描述等信息,
单击下方的“提交审核”按钮。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P70_18583.jpg?sign=1739633181-nK5yEciwa2enpfjiFVQCNolFEkTQPpCN-0-19d1735b3819c69f9b5179e46ec89433)
图2-48 “编辑信息并提交审核”界面
步骤07 完成操作后,页面跳转至“开发管理”界面。如果此时在“审核版本”版块中出现刚刚提交审核的代码包的相关内容,而且“状态”一栏显示“审核中”,就说明提交审核成功了,如图2-49所示。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P71_18578.jpg?sign=1739633181-QWHADMDlecrTNCVyJdMcnGE8iQHW1ATU-0-e701d89752a0af2b22b14ef90dc36de6)
图2-49 提交审核成功
步骤08 审核通过之后,运营者只需在“开发管理”界面发布百度智能小程序即可。图2-50所示为“手机摄影构图大全”百度智能小程序开发版发布后的页面展示图。
![](https://epubservercos.yuewen.com/D3305D/15477657205640906/epubprivate/OEBPS/Images/Figure-P71_11727.jpg?sign=1739633181-VZDWW6IV3enWNulO5W17EyLRm0rXJvj8-0-b1bb6718ad7cf0d8299521d62a32e03f)
图2-50 “手机摄影构图大全”百度智能小程序的相关界面