uni-app创建小程序项目并运行到微信开发者工具上@令狐张豪

在这直接说步骤

1. 创建uni-app小程序项目

2. 打开项目中的manifest.json文件进行配置

2.1 写入微信小程序AppID

2.2 打开HBuilder X 工具-设置填写外部web服务器调用url和微信开发者工具路径，下图展示

在这里说下2.2 微信开发者路径我们填写各自的就行，外部web服务器调用url怎么获取呢下面说一下

web服务器调用url：http:// 加上你的本地ip（本地ip查看方式：cmd：命令ipconfig回车）

端口号获取：打开微信开发者工具-设置-通用设置-选择安全-打开服务端口开关，下面有端口号

一个完整的外部web服务器调用url就是 http:// +你本地ip : + 你微信开发者工具刚看到的端口号

3. 最后全部配置完后我我们就运行-运行到小程序模拟器-微信开发者工具

end~~~

如有错误或观点不一致的请评论留言共同讨论，本人前端小白一枚，根据自己实际项目遇到的问题进行总结分享，谢谢大家的阅读！
文章对您有所帮助请给作者点个赞支持下，谢谢~

uni-app创建小程序项目并运行到微信开发者工具上@令狐张豪相关推荐

如何用HBuilderX把uni-app项目运行到微信开发者工具上
1.复制自己的微信小程序的AppID: 方法一:在微信开发者工具中获取APPID 方法二: 在小程序后台获取 2.在HBuilderX 新建项目中填写自己的微信小程序的 AppID: 3.在 HBui ...
将uniapp项目运行到微信开发者工具上
这里以Hbuilder X为例 1.填写自己的微信小程序的AppID: 2.在Hbuilder x中 ,配置微信开发者工具的安装目录 3.在微信开发者工具中通过设置->安全设置,开启服务端口 4 ...
HBuilder X运行小程序时，打开了微信开发者工具，但微信开发者工具未运行项目但又没有错误提示
1.HBuilder X运行小程序,调用微信开发者工具后,最终结果如下所示上图结果所示,微信开发者工具已打开,但是微信开发者工具并没有运行小程序,两个工具都没有错误提示 2.出现上面这种情况的原因是 ...
HBuilder X运行小程序时，打开了微信开发者工具但微信开发者工具未运行项目但又没有错误提示
1.检查配置文件里有没有配置小程序APPid 2.确定开发者工具登录的账号和id属于同账号 3.微信开发者工具不是最新版本卸载重新安装下载地址传送门:微信开发者工具下载地址与更新日志 | 微信开放 ...
CLI 发行uni-app到微信小程序，如何不打开微信开发者工具去进行小程序发布？
前言: 小程,赶紧把这个UI这里改一下,改完赶紧推个版本,等着测试:哎小程,这个需求客户需要这样改一下,你赶紧改一下推个版本客户等着看!!! 上面这段话相信做开发的同僚或多或少每天都在听,可是小程序的 ...
微信小程序基础知识 || 如何让微信开发者工具显示切后台按键
文章目录初识小程序与普通网页开发的区别体验小程序获取AppID 开发者工具下载在模拟器上查看项目效果在真机上预览项目效果主界面的 5 个组成部分常用快捷键宿主环境简介通信模型运行 ...
uniapp开发微信小程序APPID的获取，微信开发者工具游客模式下，调用 wx.operateWXData 是受限的
1.去微信公众平台注册账号链接:小程序https://mp.weixin.qq.com/wxopen/waregister?action=step12.注册完账号去开发->开发管理->开 ...
获取微信小程序码传递的参数 / 微信开发者工具模拟扫描小程序码调试
本文主要介绍如何在微信开发者工具中,模拟微信扫描小程序码打开小程序的场景,进行调试. 二维码调试可以看这篇文章:微信开发者工具模拟扫描二维码调试添加编译模式添加一个咱们自定义的编译模式输入模式名 ...
HBuilder开发小程序，如何实现在微信开发者工具中实时更新
做小程序开发的砖友们,肯定对uni-app不陌生,HBuilder(简称HB)由于自身强大的集成,及对现在前端主流框架的友好支持,大大的提升了开发的效率,希望这篇文章对刚开始入手开发的砖友们有所帮助! ...

uni-app创建小程序项目并运行到微信开发者工具上@令狐张豪

uni-app创建小程序项目并运行到微信开发者工具上@令狐张豪相关推荐

最新文章

热门文章