手把手教你使用uniapp开发微信小程序,从项目搭建到线上发布全流程,体验混合开发的乐趣

您所在的位置:网站首页 小程序如何转移到新公司 手把手教你使用uniapp开发微信小程序,从项目搭建到线上发布全流程,体验混合开发的乐趣

手把手教你使用uniapp开发微信小程序,从项目搭建到线上发布全流程,体验混合开发的乐趣

2023-05-28 17:29| 来源: 网络整理| 查看: 265

文章目录 前言一、uniapp介绍1.uniapp做混合开发的好处:2. 开发环境&IDE工具: 二、使用步骤第一步:打开HBuilderX选择文件->新建项目->选择uniapp项目第二步:配置manifest.json文件,配置微信小程序AppID第三步:小程序开发工具配置服务代理,端口第四步:点击运行->运行到小程序模拟器第五步:点击发布->选择小程序发布第六步:小程序开发工具中填写对应的信息->上传->公众平台上提交审核

前言

这篇文章主要针对刚开始接触混合开发的小伙伴,全文使用uniapp框架,使用HBuilderX结合微信小程序开发工具作为开发环境。搭建一个简单的入手项目,主要是对搭建项目的流程做一个简单介绍

提示:以下是本篇文章正文内容,下面案例可供参考

一、uniapp介绍 1.uniapp做混合开发的好处: 不用关心适配问题,css布局使用rpx作为单位,完美避开不同分辨率适配问题。多端融合,不仅可以发布到H5,还可以发布到各大平台的小程序,也支持安卓和ios原生APP使用Vue.js语法开发,相对其他混合开发框架上手比较容易 2. 开发环境&IDE工具:

uniapp使用HBuilderX作为开发工具 下载地址

二、使用步骤 第一步:打开HBuilderX选择文件->新建项目->选择uniapp项目

如图 在这里插入图片描述

在这里插入图片描述

第二步:配置manifest.json文件,配置微信小程序AppID

如图 在这里插入图片描述 获取微信小程序AppID如图:

在这里插入图片描述

第三步:小程序开发工具配置服务代理,端口

在这里插入图片描述 在这里插入图片描述

第四步:点击运行->运行到小程序模拟器

在这里插入图片描述 在这里插入图片描述

第五步:点击发布->选择小程序发布

如图 在这里插入图片描述 在这里插入图片描述

在这里插入图片描述 在这里插入图片描述

第六步:小程序开发工具中填写对应的信息->上传->公众平台上提交审核

在这里插入图片描述



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3