使用HbuilderX3.8.3_把开发的小程序发布为Html5页面上传到_免费托管空间---uniapp_小程序开发工作笔记009

这篇具有很好参考价值的文章主要介绍了使用HbuilderX3.8.3_把开发的小程序发布为Html5页面上传到_免费托管空间---uniapp_小程序开发工作笔记009。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

   找了很久,毕竟自己也是做测试,本来想买个服务器来着,由于了一下,还是给我找到了最终~

自己做的小程序想部署,又不想买阿里云服务器,部署到阿贝云也不错,阿贝云会给开发者提供,  免费虚拟主机 和 免费的云服务器,最近我用了一段时间感觉还很不错也很稳定我测试用完全够用了,现在目前的方案是结合uniapp开发这样使用很舒服~

首先给出地址:宝贵的地址啊,找了很久的分享出来了:

 https://www.abeiyun.com

然后再就是去注册账号:注册账号很简单,注册以后记得在 

hbuilderx能创建h5吗?,技术研究院,uni-app,uniapp发布到托管空间,uniapp发布为html5

在账户这里点击实名认证,认证以后然后

hbuilderx能创建h5吗?,技术研究院,uni-app,uniapp发布到托管空间,uniapp发布为html5

再去产品这里点击免费云服务器,这里然后打开

hbuilderx能创建h5吗?,技术研究院,uni-app,uniapp发布到托管空间,uniapp发布为html5

打开以后如果是第一次进来这里会有个立即开通的按钮,点击立即开通就能马上开通免费云服务器了,然后就可以自己去安装操作系统了,而且还可以选择windows操作系统,还是linux操作系统,这里我安装的是centos纯净版的系统.

 然后我们再看:开始部署我们的小程序

hbuilderx能创建h5吗?,技术研究院,uni-app,uniapp发布到托管空间,uniapp发布为html5

首先使用hbuider开发完程序,然后,再去,点击发型,然后选择

hbuilderx能创建h5吗?,技术研究院,uni-app,uniapp发布到托管空间,uniapp发布为html5

上传网站到服务器,然后选择

hbuilderx能创建h5吗?,技术研究院,uni-app,uniapp发布到托管空间,uniapp发布为html5

选择新建,然后点击

hbuilderx能创建h5吗?,技术研究院,uni-app,uniapp发布到托管空间,uniapp发布为html5

新建以后然后这里点击新建服务空间,然后再去

hbuilderx能创建h5吗?,技术研究院,uni-app,uniapp发布到托管空间,uniapp发布为html5

这里选择免费服务空间,然后

hbuilderx能创建h5吗?,技术研究院,uni-app,uniapp发布到托管空间,uniapp发布为html5

然后点击立即购买,然后 

hbuilderx能创建h5吗?,技术研究院,uni-app,uniapp发布到托管空间,uniapp发布为html5

点击确认开通,然后再去 

 hbuilderx能创建h5吗?,技术研究院,uni-app,uniapp发布到托管空间,uniapp发布为html5

这里点击上传就可以了

 hbuilderx能创建h5吗?,技术研究院,uni-app,uniapp发布到托管空间,uniapp发布为html5

 点击上传以后然后就可以去发行了,这里

hbuilderx能创建h5吗?,技术研究院,uni-app,uniapp发布到托管空间,uniapp发布为html5

然后就可以去发行了,但是发行之前这里要记得,找到项目中的mainifest.json文件然后

这里的运行的基础路径这里写一个自己的比如/h5/就是在网站的根目录下创建一个/h5目录然后放文件.

hbuilderx能创建h5吗?,技术研究院,uni-app,uniapp发布到托管空间,uniapp发布为html5

这里发行的时候,这里 

hbuilderx能创建h5吗?,技术研究院,uni-app,uniapp发布到托管空间,uniapp发布为html5

 这里网站标题自己写,这里的域名可以不写,也可以写,如果你有的话,然后点击发行

hbuilderx能创建h5吗?,技术研究院,uni-app,uniapp发布到托管空间,uniapp发布为html5

 发行以后,如果发行过程中,弹出说覆盖之前的文件那就覆盖

发行以后,然后会给出一个临时域名可以访问,用这个是不是可以做公众号之类的开发了啊

这样的话前端是可以了可以看到,那么后端呢,后面我们再来说文章来源地址https://www.toymoban.com/news/detail-774140.html

到了这里,关于使用HbuilderX3.8.3_把开发的小程序发布为Html5页面上传到_免费托管空间---uniapp_小程序开发工作笔记009的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • HbuilderX如何连接微信开发者小程序(保姆级教程):

    1、在官网下载HbuilderX:HBuilderX-高效极客技巧 (dcloud.io) 2、下载微信开发者工具,最好是选择稳定版微信开发者工具下载地址与更新日志 | 微信开放文档 (qq.com)   3、打卡HbuilderX,选择文件—新建—项目  模板默认第一个 4、打开微信开发者工具,选择自己需求,小程序就选小

    2024年02月15日
    浏览(51)
  • 【HbuilderX+微信小程序开发者工具解决报错问题】

    一定要正确的配置运行终端 包括 浏览器 、 小程序 安装路径等,还包括小程序的appid,并且要和申请的帐号匹配的登录才能正常的运行 进入微信公众平台https://mp.weixin.qq.com/登录 扫码确认 点击 首页-》配置服务-》开发设置 ,查询appId 如下图 问题描述 [微信小程序开发者工具

    2024年02月09日
    浏览(54)
  • 小程序怎么开发?怎么开发自己的小程序

    一、明确需求与定位 在开发小程序之前,需要明确需求. 首先,明确小程序的定位非常重要。我们需要确定小程序是为了提供便捷的购物体验还是特定领域的服务。明确定位可以帮助我们更好地设计和优化小程序的功能,以符合用户的期望和需求。 其次,了解目标用户群体也

    2024年02月22日
    浏览(40)
  • 如何使用HbuilderX运行小程序项目

    注意:配置完成之后,在HbuilderX点击运行到小程序模拟器,会自动启动微信开发者工具 1.1 在项目根目录中新建 .gitignore 忽略文件,并配置如下: 注意:忽略 unpackage 目录,默认 unpackage 目录不会被 Git 追踪 此时,为了让 Git 能够正常追踪 unpackage 目录,按照惯例,我们可以在

    2024年02月01日
    浏览(72)
  • 微信小程序 工具使用(HBuilderX)

    https://www.dcloud.io/hbuilderx.html 选择正式版使用 2.1.1 微信开发者工具路径 路径:自己的开发者路径 2.1.2 node 运行配置 找到微信开发者路径的node.exe 相当于黑窗口 2.2.1 下载插件 还有一个stylus 下载的时候会提示错误 根据这里:https://hx.dcloud.net.cn/Tutorial/faq/pluginInstall 进行调整 打开微

    2024年02月05日
    浏览(42)
  • 微信小程序怎么开发自己的小程序?

    现在很多人都想要开发自己的微信小程序,却不知道通过什么方式进行开发,那么关于微信小程序怎么开发自己的小程序,下面给大家讲解一下。 微信小程序怎么开发自己的小程序有哪些方式?可大致分为: 1、自己开发,要编程写代码,需要懂代码知识 2、下载代码模板进

    2024年02月05日
    浏览(50)
  • androidframework开发,写给Android开发的小程序布局指南

    一、关于Handler面试那些问题 1、Handler Looper Message 关系是什么? 2、Messagequeue 的数据结构是什么?为什么要用这个数 据结构? 3、如何在子线程中创建 Handler? 4、Handler post 方法原理? 5、Android 消息机制的原理及源码解析 6、Android Handler 消息机制 7、Android 消息机制 … 二、关于

    2024年03月23日
    浏览(38)
  • Uni-app运用HBuilderX和微信web开发者工具做微信小程序

    目录 Uni-app、HBuilderX和微信web开发者工具的介绍 使用HBuilderX时需配置的工具 通过HBuilderX构建项目  配置微信开发者工具 通过HBuilderX将项目运行到微信小程序中  Uni-app中常用的组件及方法 扩展组件的使用方法 结语 Uni-app的介绍: uni-app是一个使用vue.js开发所有前端应用的框架

    2024年02月16日
    浏览(80)
  • 第一次使用HbuilderX运行微信小程序项目

     点击设置  再点击运行配置,找到小程序运行配置,设置自己对应的路径 如果没有配置路径,则会报错:  然后粘贴自己的appid就好了

    2024年02月13日
    浏览(47)
  • HBuilderx发布苹果的包需要注意什么

    在HBuilderX中发布苹果的包,需要注意以下几点: 开发者账号注册:在发布应用到App Store之前,需要先注册一个苹果开发者账号。注册过程较为繁琐,需要提供个人信息并支付年费。应用标识和证书:在发布iOS应用之前,需要在苹果开发者中心创建应用标识和应用证书。应用标

    2024年01月20日
    浏览(41)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包