运行移动端和前端项目

10月前作者：chengbo_eva 分类：Toy博客阅读(40) 违法举报

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

目录

一、运行小程序项目

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日
浏览(57)
解决前端项目问题，uniapp运行微信开发工具小程序，出现× initialize报错，以及浏览器无法运行

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

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

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

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

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

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

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

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

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

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

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

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

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

2024年02月08日
浏览(47)
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日
浏览(50)
使用node搭建服务器，前端自己写接口，将vue或react打包后生成的dist目录在本地运行

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

2024年02月03日
浏览(40)