头条号小程序制作分享

欢迎关注点赞转发留言

头条小程序可以通过自定义页面，方便用户把个性化想法展现出来。平台有人性化开发帮助文档，整个制作流程，原理，概念讲得非常详细，开发者能短时间快速上手。个人制作小程序需要懂js,css,html,后端语言(如java, php等)。下面讲精简版制作方法。

1通读平台开发帮助文档，收获不仅仅是小程序制作，还可以学习平台人性化文档设计，小程序的设计思想等等。开发帮助文档地址(https://microapp.bytedance.com/docs/zh-CN/mini-app/develop/guide/start/introduction)。

2下载开发工具，平台支持Vscode,和平台自己的工具(字节跳动开发者工具)。个人推荐用平台的工具，很方便,比国外的好用。工具下载地址(https://microapp.bytedance.com/docs/zh-CN/mini-app/develop/developer-instrument/developer-instrument-update-and-download/)。

2.1 工具界面如下

2.1开发工具示意图

2.2 新建工程

2.2新建工程示意图

2.3 目录工程介绍。pages是存放非通用的页面，和pages同级目录是放公共配置。

2.3 工程目录示意图

2.3 来自帮助文档的根介绍示意图

2.3 来自文档页面介绍示意图

2.4 以一个hello world开启头条小程序之旅。

A 修改app.json 文件中navigationBarTitleText属性值把导航栏标题更改。

修改完成文件要保存(ctrl+s),不然不生效。如图所示。

2.4 更改标题示意图

B 页面底部加导航栏。pages 新增页面test, 同样在app.json 页面 tabBar属性增加test页面链接。

   {"pages":["pages/test/test","pages/index/index"],"window":{"backgroundTextStyle":"light","navigationBarBackgroundColor": "#fff","navigationBarTitleText": "HELLO","navigationBarTextStyle":"black"},"tabBar": {"list": [{"pagePath": "pages/index/index","text": "hello","Badge":1},{"pagePath": "pages/test/test","text": "word","iconPath":"pages/images/test.png","selectedIconPath":"pages/images/test.png"}]}
}

C 运行效果

2.4 添加底部导航栏运行示意图

欢迎关注点赞转发留言

头条号小程序制作分享相关推荐

课程拼团超级拼团公众号小程序制作
随着教育培训机构越来越多,竞争也越来越激烈,传统简单的售卖课程地推招生已经无法满足市场竞争的需求,越来越多的机构尝试通过线上教育来构建多样化的场景来锁住用户. 微信小程序公众号H5网页链接课程拼团活动 ...
微信小程序制作分享朋友圈的图片
由于微信小程序只支持分享给朋友或者群,不支持分享到朋友圈,又有分享到朋友圈这个需求,那就要想办法实现这个需求.查阅各种资料,发现基本思路有两种,一种是后端实现,另一种是前端实现,后端实现的方式这里就不 ...
选车位摇号小程序开发制作
选车位摇号小程序开发制作功能:后台上传用户的姓名.身份证号.手机号.作为确认条件.用户摇号的时候要输入对应的姓名.手机号.身份证号.系统会自动匹配后台据,匹配通过用户可以参与摇号,必摇中.摇中有二维码 ...
免费小程序制作平台体验感受分享
随着小程序的持续走红,不少商家都有了制作属于自己的小程序的想法,但又苦于不懂代码不懂设计,而将计划一直搁置.其实现在市面上有很多小程序开发工具,零基础的人也可以拥有属于自己的小程序.接下来就跟大家科普 ...
超市小程序怎么做_分享超市微信小程序制作步骤
超市小程序的制作非常简单,只要用对了微信小程序开发平台,即使新手也可以快速制作出超市小程序,那么超市小程序可以实现什么功能呢,不仅可以在超市小程序里边展示我们的商品,还可以展示我们的最新活动.充值活动 ...
支付宝小程序模板行业合集，支付宝小程序制作平台分享
小弟我是来自第三方支付宝小程序制作平台的打工人,给大家整合了一些我们平台的支付宝小程序模板,大家可以根据需要来获取. 步骤就是点击下方的链接,选好自己的小程序模板,在平台注册账号直接套用到自己的支付宝 ...
利用Java线程及JFrame面板制作一个随机摇号小程序
很多都是自己写的,慢慢的尝试,里面改了很多次数但是最后的结果是没有错的最后的最后终于得到想要的结果慢慢的训练总能得到训练的加油!!!! 上代码: import java.awt.Color; ...
零基础也能学会的微信小程序制作带分享按钮的视频列表页
零基础也能学会的微信小程序制作横向滚动布局准备工作: 微信开发者工具 APPID或测试号创建一个JavaScript基本框架(如下图) 动手做起来吧~ index.wxml 学习笔记属性说明 s ...
小程序开发心得分享:优质小程序制作平台推荐
当今,小程序已经成为许多企业和个人推广业务的首选方式.然而,对于缺乏开发能力的人们来说,制作一个高品质的小程序仍然是一个难题.这时,小程序制作平台应运而生.这些平台将小程序制作过程工具化,使得繁琐的代 ...
投票小程序制作开发有哪些步骤？投票小程序开发有哪些功能？
线下计票的麻烦程度常常难倒活动举办方和需要计票的人,投票小程序的应用场景越来越多,功能更完备的投票小程序仍有市场前景. 微信投票小程序制作开发的步骤如下: 一.创建小程序账号搜索微信公众号平台,注册 ...

头条号小程序制作分享

头条号小程序制作分享相关推荐

最新文章

热门文章