0530-3433334

网站建设 APP开发 小程序

知识

分享你我感悟

您当前位置>首页 >> 知识 >> 小程序

如果你想开发一个小程序,但是又不会做

发表时间: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

接下来就等待审核通过,然后发布即可!

✦✦✦✦✦✦✦✦

公众号回复“小程序开发”即可查看一些常见问题和大量小程序模板。 如果您初步能够开发,您可以选择您想要修改的模板。

✦✦✦✦✦✦✦✦

炫佑科技专注互联网开发小程序开发-app开发-软件开发-网站制作等

相关案例查看更多