如果你想开发一个小程序,但是又不会做
发表时间:2023-11-22 11:15:20
文章来源:炫佑科技
浏览次数:131
菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技
如果你想开发一个小程序,但是又不会做
如果你想开发一个小程序但不知道怎么做,建议你仔细阅读这篇文章。
如果你是开发,想了解小程序开发流程,建议你快速阅读
如果只是查找资料,建议直接跳到*后。 有海量小程序模板供您参考。
让我们开始制作我们的**小程序!
\|/
★
在开发之前,我们先来看看小程序是什么样子的。
趣读小程序
1.准备工作
1. 注册微信小程序
地址:/
注册小程序后,我们获取小程序AppID。
以供参考:
每个小程序的ID都是不同的福州小程序开发制作,就像ID号一样,是唯一的。登录后,点击设置->基本设置,在底部可以看到
2.下载微信开发工具并登录
//dev//.html
3.下载X
只需按照提示进行安装即可。 如果您在使用过程中有任何疑问,可以在公众号反馈,或者回复“小程序开发”查看您遇到的问题解答以及小程序模板。
2. 创建项目
1.打开并点击新建项目
(选择文件->新建->项目)
2.选择uni-app项目
1.设置项目名称:你想到的名字,我这里设置为demo为例
2.设置路径并保存文件路径
3.选择模板:提供了一些模板,但有些是付费的,有些是免费的。
在这里您可以根据自己的需要选择不同的模板。 我以默认模板为例,点击“创建”,你可以在左侧看到你的项目。
3.填写之前获取到的AppID
然后点击项目名称,点击运行->运行到小程序模拟器->微信开发工具。
项目启动后,微信开发工具会自动打开并运行项目。 如图所示,项目就运行成功了。
接下来我们只需要添加更多的砖块和砂浆
开发
建议开发前先阅读文档:
//.html
1.添加两个页面:
点击pages,右键新建页面
在此设置页面名称并选中其他框。 初学者按照默认即可。
下面创建了两个页面,新闻和笑话
创建了2个新页面,并在pages.json文件中添加了页面的路径,可以自己查看。每次创建新页面时,必须在此处添加路径,否则无法访问。
然后打开微信开发工具,就会显示页面。 还可以根据路径配置小图标。
2.添加新闻和笑话按钮
打开pages.json,将“pages/news/news”放在前面,这意味着它将默认启动。 添加
参考官网:
//pages.html#
然后打开微信开发工具,就会显示页面。 还可以根据路径配置小图标。
4.填写内容
接下来,我们需要丰富新闻、笑话的展示内容。
这里我们以API的使用为例。 所谓API就是向互联网请求数据,然后在小程序
这是一个免费的 api URL/
1.新闻展示
首先选择一个api:/api/60s
访问完后发现是一张图片,于是我们就去官网查看了一个显示图片的组件。
可以看到Image组件显示的是图片,所以我们使用它
代码; 设置图片源、图片显示模式
2、笑话:
/api/笑话?类型=json
访问后发现是文本显示如果你想开发一个小程序,但是又不会做,但是有一个模式:{"a":"xxx","b":"xxx"}
接下来我们需要知道如何访问此类数据。 可以直接查看官方文档。
示例:/api//.html
uni.request({
url: 'xxxx/request', //仅为示例,并非真实接口地址。
data: {
text: 'uni.request'
},
header: {
'custom-header': 'hello' //自定义请求头信息
},
success: (res) => {
console.log(res.data);
this.text = 'request success';
}});
该代码用于从互联网获取数据。 什么时候会用到?继续阅读
简单介绍一下,顾名思义:当页面加载时,里面的代码就会被执行。
其实每个页面都会有它的生命,从创建到关闭,不同时期会有不同的方法名称。
接下来看一下效果。 整个小程序就完成了。
5.发布
1.使用微信开发工具上传项目并添加接口配置。这里发布到网上,方便手机访问
如图,点击右上角上传
2.然后进入/->管理->版本管理,发布审核,等待审核完成,需要再次返回页面,点击发布
接下来需要配置api域名,否则小程序无法访问。
3、点击开发 >开发管理->开发设置,修改服务器域名,配置接口地址。
/api
接下来就等待审核通过,然后发布即可!
✦✦✦✦✦✦✦✦
公众号回复“小程序开发”即可查看一些常见问题和大量小程序模板。 如果您初步能够开发,您可以选择您想要修改的模板。
✦✦✦✦✦✦✦✦