精华内容
下载资源
问答
  • HBuilder运行微信小程序端口服务器报错
    2022-02-26 16:27:59

    首先打开微信开发者工具,然后按照下面的步骤进行即可。

    最后返回HBuilder点击项目重新运行到小程序模拟器即可

    更多相关内容
  • 可用hbuilder开发工具直接打开微信小程序,可直接运行,不需要调试,可直接使用。播放设置、下一首、上一首、暂停按键、播放列表等功能
  • 本文实例为大家分享了微信小程序侧边栏分类展示的具体代码,供大家参考,具体内容如下 效果图 实现思路 把屏幕当成一个固定的盒子,然后把盒子分成两边,并让盒子的每一边都能够滚动。 源码 index.wxml <!--主...
  • 4.项目打包 打包后运行在微信小程序工具 才不会报错,如果报错app.json问题,查看此篇文章解决app.json问题 打包后多以文件夹 unpackage 打包方法: HBuilderX打包方法 vue-cli打包方法 5.打包后,微信小程序工具...

    1.选择模板 uni-ui
    在这里插入图片描述

    2.得到创建项目
    在这里插入图片描述

    3.获取APPid

    在微信小程序电脑后台获取APPID
    这个方法适用于自己申请的微信小程序(自己用的小程序)
    打开微信小程序官网:https://mp.weixin.qq.com/ 并登陆

    在这里插入图片描述
    在这里插入图片描述

    4.项目打包 打包后运行在微信小程序工具 才不会报错,如果报错app.json问题,查看此篇文章解决app.json问题
    打包后多以文件夹 unpackage

    打包方法:
    HBuilderX打包方法
    在这里插入图片描述

    vue-cli打包方法
    在这里插入图片描述

    5.打包后,微信小程序工具打开项目 ,如果报以下错误,看图操作

    在这里插入图片描述

    6.微信小程序部分设置:
    1.是否勾选不校验合法域名??勾中后,在开发时候就不会校验某些域名,例如下载文件和图片时候就不会校验图片的域名地址;但是必须要在小程序后台开发配置好对应域名,否则本地测试可以,但线上就会报域名错误;而不选中就可以在开发时候看到错误信息
    2.设置代理和端口
    在这里插入图片描述

    在这里插入图片描述

    在这里插入图片描述

    7.运行到微信小程序
    在这里插入图片描述

    8.小程序发布需要先设置:
    将appID填入到使用uni-app开发的项目manifest.json中

    在这里插入图片描述

    9.具体发布小程序看 发布小程序流程

    10.因为我们使用的是uni-ui,所以必须要有uni-ui的样式,这里我已经将hello-uniapp-master官方演示案例下的common拿了过来
    全局使用uni-ui的样式,在App.vue中引入uni.css;
    同时在这一步开启小程序发布后,自动更新提示,自动更新最新版本小程序
    在这里插入图片描述

    11.初始化npm工程

    若项目之前未使用npm管理依赖(项目根目录下无package.json文件),先在项目根目录执行命令初始化npm工程:

    npm init -y
    

    cli项目默认已经有package.json了。HBuilderX创建的项目默认没有,需要通过初始化命令来创建。

    12.vuex配置,vuex封装
    注意:
    1.uni-ui自带store 不需要再重新安装,可以直接创建store文件引入使用
    2.在main.js内,将store对象挂载到vue实例中

    13.接口uni.request请求接口封装

    14.创建项目根目录下components文件夹,放公共vue组件

    15.对微信小程序进行分包,uni-app分包步骤(如果不分包,后期打包代码太大会导致二维码预览失败,无法真机调试)

    16.微信登录看这篇

    17.如果需要自定义微信小程序的导航栏,点击微信小程序自定义tabBar

    18.正式开发时候,配置好请求后,在浏览器H5页面和微信小程序工具上,调用接口是正常的,但是真机预览时候,使用真正的手机去调接口,如果没有配置在小程序官方地址上配置ip,那请求接口会无效。

    配置ip:在小程序–开发–开发管理–开发设置–服务器域名–request合法域名

    在这里插入图片描述

    在这里插入图片描述

    展开全文
  • HBuilderX上面新建微信小程序项目

    千次阅读 2021-08-01 12:55:51
    文章目录一、前期准备(一)微信开发者工具(二)HbuilderX二、创建项目步骤(一)HBuilderX创建小程序工程(二)、配置小程序AppID(三)、运行项目微信小程序 一、前期准备 (一)微信开发者工具 小程序开发工具...

    一、前期准备

    (一)微信开发者工具

    小程序开发工具是腾讯官方发布的用于开发微信小程序的IDE软件,可以从微信官方网站下载到这个工具,建议下载稳定版本的软件。

    下载安装文件后,执行默认安装即可,初次启动需要扫码才能登陆该软件

    【重要】为了保证微信开发者工具与HbuilderX配合使用,必须开放小程序的服务端口。这样将来HbuilderX可以把uni-app项目编译成小程序项目,通过安全端口调用小程序工具执行项目。
    在这里插入图片描述
    在这里插入图片描述

    (二)HbuilderX

    HBuilderX工具是目前国产化软件中,开发前端和移动端项目最优秀的IDE之一,甚至比JetBrains出品的WebStorm还要好用。开发UNI-APP框架的移动端项目,必然首选HBuilderX。

    HBuilderX下载地址:链接: https://pan.baidu.com/s/1FPCEVHBtYQWWgIMnYgNiBg 密码: rpmf

    下载安装包后直接安装即可,完成安装后,必须在HBuilerX中配置微信开发者工具的路径。首先在偏好设置中找到运行配置,然后在微信开发者工具路径中填写本机中文件的路径,使用MAC的同学可以参照我下面的截图。(windows的不一样,可参考其他教程)
    在这里插入图片描述在这里插入图片描述

    二、创建项目步骤

    (一)HBuilderX创建小程序工程

    在HBuilderX上,创建项目,类型选择uni-app(U).
    例如,新建一个项目,叫做work-online。
    在这里插入图片描述

    (二)、配置小程序AppID

    manifest.json文件中填写你自己注册下来小程序AppID
    在这里插入图片描述

    (三)、运行项目到微信小程序

    首先,必须启动本机上的微信开发者工具,并且扫码登陆
    HBuilderX中选择运行微信小程序。
    在这里插入图片描述
    在微信开发者工具中即可看到hello页面,说明利用HBuilderX创建微信小程序项目没有问题。
    在这里插入图片描述

    展开全文
  • 下载微信开发者工具,hbuilder ...将该项目中的AppID 要和微信小程序开发管理中的ID 保持一致 (同时微信小程序进去右上角有个设置,进入设置里面将服务端口也要打开) ...

    下载微信开发者工具,hbuilder

    在hbuilder中导入项目,在hbuilder中运行,

     ====>>选择微信开发者工具

    将该项目中的AppID 要和微信小程序开发管理中的ID 保持一致

    (同时微信小程序进去右上角有个设置,进入设置里面将服务端口也要打开)

    (其中索引问题 下面链接可参考)

    [sitemap 索引情况提示] 根据 sitemap 的规则[0],当前页面 [pages/index/index] 将被索引_kitiyang的博客-CSDN博客

    展开全文
  • 微信小程序中使元素占满整个屏幕高度实现方法 在项目中经常要用到一个容器元素占满屏幕高度和宽度,然后再在这个容器元素里放置其他元素。 宽度很简单就是width:100% 但是高度呢,我们知道的是height:100%必须是在父...
  • step1 去到Hbuilder官网DCloud - HBuilderHBuilderX、uni-app、uniapp、5+、5plus、mui、wap2app、流应用、HTML5、小程序开发、跨平台App、多端框架 step2 去插件市场去搜你要的 step3 下载编译即可
  • 微信开发者工具下载、安装、配置HBuilder运行微信小程序教程,亲测有效,有疑问可留言
  • Hbuilder简单的微信小程序项目 view ui 2.0框架 uniapp
  • 如何使用Hbuilderx运行微信小程序

    万次阅读 2020-04-22 09:08:20
    1. 首先进入Hbuilderx官网下载IDE 2.下载并安装完成后,运行Hbuilderx 3.点击 左上角文件,新建/导入uni-app项目 ...注意:如果是导入项目的话,需要先让管理员将自己添加为小程序开发者,不然运行会报错 ...
  • HBuilderX运行微信小程序启动失败

    千次阅读 2021-02-26 11:11:05
    在网上下载的uniapp项目直接微信小程序运行有可能出现问题,因为有的项目里面的微信小程序AppID不为空 在网上下载类似的多端项目,需要针对性的对manifest.json文件首先做修改; 比如,需要运行微信小程序 里面的...
  • 问题: 在HBuilderX运行uniapp项目在小程序端模拟器的时候,微信开发者工具打不开,检查...填写你微信小程序开发者工具安装的地址 ② 打开微信开发者工具->设置->代理设置->安全->把代理开关打开 ...
  • (1) 通过HbuilderX开发工具创建一个基于uniapp框架的项目;...(5)在HBuilderX中启动运行该uniapp项目,启动后,会自动运行在微信小程序工具端。 (6) 如果需要在真机测试,可以在微信小程序工具端生成二维...
  • 3、设置微信小程序密钥(这步很重要) 4、关联微信小程序开发者工具 ps: 因为运行起来还是要在小程序开发者工具上看效果,所以需要关联 5、接着登录微信开发者工具,点击设置下面的安全设置 获取小程序端口...
  • HBuilderX uni-app 打包发行微信小程序

    千次阅读 2021-12-06 16:07:22
    本文主要记录下HBuilderX uni-app 打包微信小程序的配置及发行步骤。
  • HBuilder(简称HB)修改如何在微信开发者工具,实现实时更新! ...
  • vue项目+hbuilder打包实现微信支付
  • 今天突然发现怎么调试的,没去看官方怎么说明。废话不多说!开整! 步骤1: 打开内置浏览器 步骤2: ...点击后会有一个红点 ...在红点上鼠标右击,...顺带说一句,CSDN是瞧不起Hbuilder么,文章标签都没有。。。 ...
  • uni-app代码本身在HbuilderX里运行H5是没问题的,然后运行到微信小程序编译后生成的vender.js,runtime.js报错
  • HBuilder X运行微信小程序项目至微信开发者工具失败 在HBuilder X中运行微信小程序项目时,此步于以下过程,无法进一步打开界面。 情形如下: 解决方案: 导入项目即可,但是需要注意导入项目的路径信息。 需要...
  • HBuilder开发工具运行微信小程序非常简单,看图说话 下载 开发者工具 和 HBuilder 两个软件 1、关注项目公众号配置好开发ID 这个都是公司给的ID 2、关闭后重新打开 HBuilder 软件 运行进行选择开发工具 如图 第一...
  • HbuilderX开发微信小程序流程

    千次阅读 2020-08-19 09:37:10
    首先保证创建的项目是uin-app项目,其他类型的项目没有尝试过,现有nin-app项目是安卓项目,现在可以利用HbuilderX一键生成小程序,非常的方便,不得不夸赞一下uin-app框架的强大,支持跨平台开发 首先,HbuilderX...
  • HBuilderX开发的uniapp版的微信小程序项目,开发,测试,联调时需要把项目运行到小程序模拟器,如何运行到小程序模拟器,需要做以下几点设置: 一、在项目的manifest.json配置模块里需要配置一下申请好的小程序...
  • HBuilder X下载、安装、配置微信开发者工具,运行微信小程序教程,亲测有效,有疑问可留言
  • 解决方法: 将微信小程序appid去掉,...在文件 manifest.json 中找到微信小程序配置,将微信小程序APPID换成自己的。 提示: AppID在下面网址(小程序官网)的开发管理中的开发设置里找 https://mp.weixin.qq.com ...
  • 微信小程序配合HBuilder X打包的方法

    千次阅读 2020-12-29 14:56:26
    直接上图 1、点击发行选中小程序-微信发行即可 2、这点要注意微信小程序的Appid选择自己有权限的id 3、点击上传 4、可以在上面选择版本号以及项目备注即可
  • 首先,先找到HBuilderX的官网下载软件安装包进行安装。 链接:https://uniapp.dcloud.io/quickstart 然后根据你电脑的配置下载相对应的版本即可。 下载完成后,就是一个压缩包,把他压缩在你电脑的里面,在文件夹...
  • 2.1 HBuilder X技术介绍 4 2.2 JAVA简介 5 2.3 MYSQL数据库 6 2.4 SSM框架 7 3 系统分析 8 3.1 系统需求分析 9 3.1.1系统功能需求 10 3.1.2系统技术需求 11 3.1.3系统安全需求 12 3.2 可行性分析 13 3.2.1技术可行性...
  • 1.下载HbuilderX https://www.dcloud.io/hbuilderx.html 下载完成后解压,将Hbuilder.exe设置成桌面快捷方式。 2.下载微信开发者工具 ...下载成功后安装 3.微信开发者工具设置。...6.HbuilderX,文件-新建-项目 选择一个合

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,016
精华内容 1,606
关键字:

hbuider微信小程序项目

微信小程序 订阅