将h5项目转成uniapp小程序

最新推荐文章于 2024-03-26 11:34:49 发布
最新推荐文章于 2024-03-26 11:34:49 发布
阅读量1.8k 收藏 2
点赞数 2
文章标签： uni-app 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Menqq/article/details/131310800
版权
  1. 打开微信开发者工具，新建项目；
  2. pages下index文件中index.wxml文件打开内容全删除；
  3. 写入<web-view src='http://域名.com/'></web-view>；
  4. 编译，成功在小程序中展示；
  5. 其后，正常按照小程序流程审核发布（appID一定要写正确）；

项目又老又大，要是一步一步修改会把我送走，方法很偷懒

在这里插入图片描述

门门men
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
干货｜HTML5 项目如何转小程序运行
ywh_121215的博客
03-14 2898
很多开发者开其实已有的 Vue 项目，但是却不知道怎么将自己的项目转为小程序。今天来给大家分享的办法：在集成了 FinClip SDK 的 App 中运行小程序，那这里我们就需要关注以下两个注意事项：Web 项目是适合在手机等移动设备中运行的，屏幕已经兼容；H5 项目的代码是前后端分离的；在本篇文章中，我们选择使用了一款成熟的跨平台框架 uni-app 来处理这个问题。
小程序转uniapp.zip
11-06
小程序转uniapp 代码转化器附带使用说明 ， 可以实现小程序代码应用到 8端 小程序代码转化为： iOS 安卓 h5 微信小程序 百度小程序 支付宝小程序 等
H5项目怎么打包成APP
m0_46529566的博客
06-06 2626
开发uni-app的编辑器HBuilderX可以将H5项目打包成APP，相信很多小伙伴还不知道这个功能，下面将介绍下如何将H5打包成APP，感兴趣的朋友一起看看吧HBuilderX下载链接：https://www.dcloud.io/hbuilderx.htmlok，安卓的APK大工告成。虽然不太懂其中的原理，我估计是安卓原生壳子加个WebView实现的。由于IOS的不能使用公共证书，只能去申请证书，所以这里也不演示了。
vue h5转换uni-app指南（vue转uni、h5转uni）
weixin_44668908的博客
01-07 7367
转载：添加链接描述 如果你已经有了一个基于vue开发的H5站点，想转换为uni-app。 首先注意2个前提：1、你的web站是适合手机屏幕的；2、你的H5代码是全后端分离的，uni-app只处理前端代码。 一切从新建一个uni-app项目开始。然后依次进行 文件处理 把之前的vue web项目的前端代码copy到新项目下 如果之前的文件后缀名是.html，需要改为.vue，并注意遵循vue单文件组...
其他项目转 uni-app
m0_58492934的博客
06-20 890
uni-app可以多端输出，也欢迎各平台之前的老项目向uni-app转换迁移。vue h5项目转换uni-app指南：https://ask.dcloud.net.cn/article/36174微信小程序转换uni-app指南及转换器：https://ask.dcloud.net.cn/article/35786wepy转uni-app转换器：https://github.com/zhangdaren/wepy-to-uniappmpvue 项目（组件）迁移指南、示例及资源汇总： https://ask.
h5转uniapp
lingdian1614114082的博客
09-09 4431
初入uni-app遇到的问题 誰在花里胡哨关注 0.792020.01.10 17:24:09字数 1,198阅读 2,396 本人之前是做Vue项目开发的，此篇文章是相对于vue项目转移至uni-app遇到的问题，以及对uniapp的学习~~~ ???????????????? 后续学习中遇到的问题也会持续更新的???? --------Loading..... image.png uni-app官方地址 不得不说，人家的标语还是很吸引人的，这要是学会了，Android和IOS开发不
套壳方式三百万,遇我也需尽低眉(用uni-app五分钟实现H5转App)
qq_37021136的博客
09-28 4395
2022年9月28日 晴。在公司敲代码,随着每个字符敲下去。我似乎已经能看到界面上我预计的结果。这种一切都在预料中的感觉使我觉得有些枯燥。我在vscode上敲了几十万行代码,以为我的心已经和键盘一样冰冷。直到那个男人的到来。好记性不如烂笔头随时随地给自己对项目的状态进行实时的记录,想来以后回忆起来也是极美的明天,又是充满希望的一天!最后放上一张镇楼图明天,又是充满希望的一天!
h5项目编写成app，你还不了解吗？直接打包和套webview结合uniapp两种实现方式
weixin_45131389的博客
08-29 5571
h5项目编写成app，你还不了解吗？直接打包和套webview结合uniapp两种实现方式 包含成熟H5直接打包 和 新项目直接套H5进去开发
uniapp短剧小剧场剧集收费短剧小程序H5开源源码下载
04-20
开源短剧小程序源码，前端是uniapp的，服务端fastadmin源码无加密授权。 可打包抖音小程序和微信小程序还有h5版本。 这个东西盈利方式就是短剧cps分销那种，想做正规的话就是购买短剧授权，比如屌丝逆袭这种剧情的...
uni-app 打包为 H5 并上传服务器
01-08
前言 我主要是用 uni-app 来写安卓端，近日需要将程序打包为 H5 放到 web服务器 上，经过一番折腾。 配置 在开始之前，推荐你先【拷贝】一份代码，防止打包出现问题导致代码受损。 在你的项目文件中找到 manifest.json ，打开并作如图配置： 运行的基础路径 如果你写的是 “ /H5/ “ ，那么你的服务器中要建立一个 H5 文件夹。 发行时启动摇树优化 功能是去掉无用代码与僵尸代码，但勾选时要慎重。 发行(打包) 依次点击菜单 → 发行 → 网站-h5手机版，然后弹出对话框，请做如下配置： 最后点击 发行 ，控制台会显示打包日志。 查看包 打包成功后，控制台会给出如下类
uniapp小程序tabbar图标
07-25
在开发uniapp小程序时，`tabbar`是应用底部固定的导航栏，用于切换不同功能模块。它是用户界面的重要组成部分，提供了便捷的页面间导航。uniapp是一个基于Vue.js的多端开发框架，允许开发者编写一次代码，即可在iOS...
uniapp小程序自定义动态tabbar
04-08
uni-app是一款多端开发框架，它允许开发者用一套代码实现跨平台的小程序、H5、App等应用开发。在uni-app中自定义动态TabBar，可以极大地提升小程序的个性化和灵活性。 1. uni-app简介 uni-app是由Egret Wing团队...
一个基于 uniapp 开发的微信小程序商城项目源码.zip
05-26
一个基于 uniapp 开发的微信小程序商城项目源码.zip
小说阅读uniapp小程序
06-27
【标题】"小说阅读uniapp小程序"所涉及的知识点主要集中在使用uniapp框架开发微信小程序，为用户提供在线阅读小说的功能。uniapp是一个基于Vue.js的多端开发框架，支持快速构建跨平台的应用，包括微信小程序、H5、...
H5唤起 uniapp 版的app 端
艾米的猫儿的博客
08-31 7238
vue H5唤起本地的 app，很好用
uniapp内嵌H5中从H5跳转至uniapp页面
最新发布
dp17893的博客
03-26 408
新人编写uniapp项目时遇见的问题uniapp内嵌H5中从H5跳转至uniapp页面。将该代码引入index.html文件。同时在跳转页面使用方法。
vue H5 跳转到uniAPP小程序并传参
qq_21113235的博客
02-05 428
uni-app小程序部分问题无法解决，采用webview-（vue）独立开发一部分功能，需要来回跳转并携带参数；官网文档很多写的不详细，遇到很多坑，这里记录一下。 uni-app小程序跳转至网页并互相带参_情已得非的博客-CSDN博客 uniAPP小程序webview从H5返回小程序不起作用_程序媛啊啊啊的博客-CSDN博客_uni webview 小程序 ...
H5项目如何打包成APP
dxhheath的博客
02-07 4500
开发uni-app的编辑器HBuilderX可以将H5项目打包成APP，相信很多小伙伴还不知道这个功能。下面将介绍下如何将H5打包成APP。
uniapp小程序项目实例
09-28
＊＊＊于Vue.js框架的跨平台开发框架，可以同时开发小程序、H5、App等多个平台的应用。下面是一个uniapp小程序项目的简单示例: 1. 创建项目: 在命令行中执行以下命令创建一个uniapp项目 ``` vue create -p dcloudio/uni-preset-vue my-project ``` 2. 在项目根目录下创建pages文件夹，并在pages文件夹中创建一个新的页面，如home.vue ``` <template> <view class="container"> <text class="title">Hello, UniApp!</text> </view> </template> <script> export default { name: 'home' } </script> <style> .container { display: flex; justify-content: center; align-items: center; height: 100vh; } .title { font-size: 24px; color: #333; } </style> ``` 3. 修改App.vue文件，将home.vue添加到首页 ``` <template> <view> <router-view></router-view> </view> </template> <script> export default { name: 'App' } </script> <style> </style> ``` 4. 运行项目: 在命令行中执行以下命令运行项目 ``` npm run dev:%PLATFORM% ``` 其中%PLATFORM%可以是mp-weixin（微信小程序）、h5（H5网页）、app-plus（App）等。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值