运行移动端和前端项目

这篇具有很好参考价值的文章主要介绍了运行移动端和前端项目。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

目录

一、运行小程序项目

1. 安装微信开发者工具

2. 运行HBuilderX工具

3. 导入小程序项目

二、运行前端项目

1. 初始化前端项目

2. 导入前端项目

3. 运行前端项目

4. 访问登录画面


Emos工程的3个项目已经运行起来了,现在把移动端和前端项目运行起来。

一、运行小程序项目

1. 安装微信开发者工具

        打开微信开发者工具的服务端口,只有这样,将来HBuilderX才能通过开放的服务端口,调用微信开发者工具运行编译好的微信小程序项目。

        方式:点击微信开发者工具右上角的“⚙️”,在弹出的 设置 〉安全 中开启服务端口。

2. 运行HBuilderX工具

        最重要的是设置微信开发者工具的安装目录(注意是目录地址,不是EXE文件的地址)。

        工具 〉设置

3. 导入小程序项目

        找到项目中的manifest.json文件,找到微信小程序配置,把你自己的微信小程序appid填写到文本框中。

        找到main.js文件,把其中的13行14行的IP地址,修改成对应的项目的IP地址。把18行填写上你自己的TRTC的appid字符串。

二、运行前端项目

        把前端项目导入HBuilderX工具,然后初始化,修改一下配置文件就能运行了。文章来源地址https://www.toymoban.com/news/detail-488922.html

1. 初始化前端项目

2. 导入前端项目

3. 运行前端项目

4. 访问登录画面

到了这里,关于运行移动端和前端项目的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 前端上传图片到阿里云(pc端和uniapp小程序)

    官方文档JavaScript客户端签名直传 如果前端是原生的html写的话,就去官网下载示例来看,把文件里面的配置修改成子阿里云的配置就好 客户端进行表单直传到OSS时,会从浏览器向OSS发送带有Origin的请求消息。OSS对带有Origin头的请求消息会进行跨域规则(CORS)的验证,因此需

    2024年02月06日
    浏览(53)
  • 解决前端项目问题,uniapp运行微信开发工具小程序,出现× initialize报错,以及浏览器无法运行

    uniapp进行小程序以及多端web页面都不知道如何配置讲项目运行起来。 就会报出无法运行错误。 [微信小程序开发者工具] - initialize [微信小程序开发者工具] [微信小程序开发者工具] × IDE may already started at port , trying to connect如图 这是因为没有配置好安全设置和运行设置。 一,

    2024年01月20日
    浏览(65)
  • uniapp使用微信开发工具打开微信小程序运行[ app.json 文件内容错误] app.json: 在项目根目录未找到 app.json

    这是 uniapp 项目 还未转成微信小程序 需要转换一下     重点:   首先一定要有 unpackage文件夹   如果没有的需要到HBuilder X 编译一下 编译完,可以看到如下目录既可以了

    2024年02月07日
    浏览(50)
  • 使用php实现pc端和移动端分离

    使用php实现pc端和移动端分离 自适应技术可以实现根据浏览器的宽度来实现移动端和pc的自适应,但会影响用户的体验,以下代码实现在同一个链接下,移动端和pc分别有各自的html,

    2024年02月20日
    浏览(48)
  • 前端打包后生成的dist 或 build目录,如何在本地启动服务运行

    前端打包后生成的dist/build目录,如何在本地启动服务运行 运行 npn run build ,会打包后会产生 dist 或 build 目录 一般情况下,直接打开dist 或 build 目录下的 index.html 会在浏览器看到内容。 然而发现网页一片空白,打开了控制台,看到一片404的各种找不到资源,或者出现跨域的

    2024年02月02日
    浏览(48)
  • 移动APP、WEB端和PC端测试的区别

    移动APP、WEB端和PC端的测试区别主要体现在以下几个方面: 1. 平台和环境 移动APP是在移动设备上运行的应用程序,测试需要考虑不同的操作系统(如iOS、Android等)、不同的设备型号和屏幕分辨率。WEB端是在浏览器上运行的应用程序,测试需要考虑不同的浏览器类型和版本、

    2024年02月11日
    浏览(33)
  • 前端(十八)——gitee上开源一个移动端礼盒商城项目(前端+后台)

    🤗博主:小猫娃来啦 🤗文章核心: gitee上开源一个移动端礼盒商城项目 项目样式老旧,ui设计较low,虽说现在大众的商城app都使用的是瀑布流布局,且功能更丰富。但本项目仅作为开源学习和技术交流,仅此而已。 前端采用搭建vue脚手架处理,使用JavaScript语言,后台采用

    2024年02月08日
    浏览(43)
  • 前端(十七)——gitee上开源一个移动端礼盒商城项目(前端+后台)

    🤗博主:小猫娃来啦 🤗文章核心: gitee上开源一个移动端礼盒商城项目 项目样式老旧,ui设计较low,虽说现在大众的商城app都使用的是瀑布流布局,且功能更丰富。但本项目仅作为开源学习和技术交流,仅此而已。 前端采用搭建vue脚手架处理,使用JavaScript语言,后台采用

    2024年02月09日
    浏览(39)
  • PHP - Laravel 创建项目到服务器(nginx、apache)运行(附带目录结构

    // 对应 composer.json 中的 require,一般用这个 $ composer require barryvdh/laravel-ide-helper // 如果只想在开发环境安装请加上 --dev,对应 composer.json 中的 require-dev $ composer require barryvdh/laravel-ide-helper --dev 如果报错 Installation failed, reverting ./composer.json and ./composer.lock to their original content 点这

    2024年04月27日
    浏览(46)
  • 使用node搭建服务器,前端自己写接口,将vue或react打包后生成的dist目录在本地运行

    vue项目打包后生成的dist目录如果直接在本地打开index.html,在浏览器中会报错,无法运行起来。 通常我是放到后端搭建的服务上面去运行,当时前端自己也可以是node,nuxt搭建服务器,写接口等等 如果想在本地运行,我们可以借助node.js+express搭建一个服务器,将打包后的文件部

    2024年02月03日
    浏览(38)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包