精华内容
下载资源
问答
  • 文章目录一、前期准备(一)微信开发者工具(二)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创建微信小程序项目没有问题。
    在这里插入图片描述

    展开全文
  • AppID获取及新建小程序项目原生框架目录结构介绍AppID获取新建小程序项目后软件界面原生框架介绍 AppID获取 进入微信公众平台,点击小程序的查看详情进入 2. 鼠标滚轮滑到页面最下方,点击前往注册 3.填写注册...

    AppID获取及新建小程序项目原生框架目录结构介绍

    AppID获取

    1. 进入微信公众平台,点击小程序的查看详情进入
      在这里插入图片描述

    在这里插入图片描述2. 鼠标滚轮滑到页面最下方,点击前往注册
    在这里插入图片描述3.填写注册信息
    在这里插入图片描述注意邮箱尽量使用QQ邮箱,注册后,会需要通过邮箱链接激活。
    4. 通过邮箱、密码在微信公众平台登录
    登录后界面如下图所示,点击开发设置。
    在这里插入图片描述

    在这里插入图片描述

    小程序软件安装及新建项目

    1.进入微信公共平台官网,点击小程序
    在这里插入图片描述2.点击开发者工具
    在这里插入图片描述3.点击下载
    在这里插入图片描述4.根据电脑系统、位数选择下载
    在这里插入图片描述5.双击下载的.exe文件傻瓜式安装,安装完成后会在电脑桌面有个微信开发者工具快捷图标。
    在这里插入图片描述在这里插入图片描述
    6.双击快捷图标打开软件,初次进入软件时使用微信扫一扫登录微信号。
    7.左侧选择小程序,右侧点击加号新建项目。
    在这里插入图片描述
    软件主界面如下图。
    在这里插入图片描述

    原生框架介绍

    在这里插入图片描述

    展开全文
  • 微擎配置小程序教程

    千次阅读 2021-04-12 14:40:14
    微擎小程序通用配置图文教程,教会你怎么配置微擎小程序!1、去源码下载微擎小程序,这里以官网小程序为列,教大家如何配置微擎小程序。2、将对应的官网小程序后端文件夹hc_step上传到微擎的addons目录下3、在微擎...

    微擎小程序通用配置图文教程,教会你怎么配置微擎小程序!

    1、去源码下载微擎小程序,这里以官网小程序为列,教大家如何配置微擎小程序。

    2、将对应的官网小程序后端文件夹hc_step上传到微擎的addons目录下

    3、在微擎安装好官网小程序。

    4、重要步骤,要去微信小程序中查看自己微信小程序的原始ID、AppID、AppSercert!!

    重要原因是:我安装了小程序,但是并没有配置小程序(始ID、AppID、AppSercert)

    参考下图查看你的小程序AppID和AppSecret(并配置好小程序服务器地址)

    5、新建小程序,并配置好对应的小程序信息

    将官网小程序文件夹放在电脑的英文目录下,路径中不能有中文,调试路径必须为英文,切换不能有任何中文目录名!!!!

    7、打开官网小程序wxapp文件夹,正常情况下微擎通用小程序前端文件的根目录都会有siteinfo.js文件,打开配置以下参数(一般在文件最末尾):如果没有就在app.js里面

    module.exports = {

    name: “官网小程序”,

    uniacid: “58”, //此处需要查看微擎中新建的小程序在微擎对应的程序ID

    acid: “58”, 此处需要查看微擎中新建的小程序在微擎对应的程序ID

    multiid: “0”,

    version: “2.0.2”, //小程序版本正确填写

    siteroot: “https://demo.aixay.cn/app/index.php”, //www.72jz.com换成你自己的微擎域名即可

    design_method: “3”

    };

    查看微擎中新建的小程序在微擎对应的程序ID方法:

    或者用下面的方法,进入小程序配置页面->基础信息中查看

    dfe44f5663680de82ee2c31e438b3ec6.png

    7441cc67d3479f29b182cee7600ee10d.png

    8、打开微信WEB开发者工具进行调试,填写小程序前端路径、项目名称、appid,配置正确后即可看到小程序页面,如下图:

    9、微擎通用小程序配置

    查看更多关于 小程序配置 的文章

    完成!!

    展开全文
  • 1、安装编辑器HBuilder X及插件 下载 HBuilderX 开发工具 新版本下载:...安装插件 ...插件安装 ... ...2、新建一个项目 ...新建一个uni-app项目,自定义项目名字和项目地址,暂且使用默认模板,确认

    1、安装编辑器HBuilder X及插件

    下载 HBuilderX 开发工具
    新版本下载:https://www.dcloud.io/hbuilderx.html HBuilderX
    历史版本下载地址: https://ask.dcloud.net.cn/article/37302
    安装插件
    点击工具—>插件安装
    在这里插入图片描述

    点击安装新插件安装下面插件
    在这里插入图片描述
    如果里面没有则点击下面前往插件市场安装
    在这里插入图片描述
    安装SCSS插件
    在这里插入图片描述

    2、新建一个项目

    在这里插入图片描述
    新建一个uni-app项目,自定义项目名字和项目地址,暂且使用默认模板,确认好后,创建项目
    在这里插入图片描述

    3、将默认项目部署到安卓手机上

    1、将手机通过USB线连接电脑,(百度打开手机开发者模式,将USB数据传输允许)
    2、安装360手机助手(可以显示安装详情)
    3、点击HBuilderX运行
    在这里插入图片描述
    4、手机接收并安装就行了
    内容就是Hbuilder里面的内容

    在这里插入图片描述

    4、将项目打包到微信小程序

    1、注册一个微信程序开发者账号微信小程序注册
    选个体户注册
    在这里插入图片描述
    2、拿到开发者的AppID值
    在这里插入图片描述
    3、安装微信开发者工具
    在微信公众平台点击小程序,点击查看详情
    在这里插入图片描述

    在开发者工具中找到微信开发者工具
    微信开发者工具下载
    在这里插入图片描述
    4、用注册的微信小程序的管理员,扫码登录微信小程序开发工具
    在这里插入图片描述

    5、在设置中开放服务端口
    在这里插入图片描述
    6、点击HBuilderX运行微信小程序

    在这里插入图片描述
    7、配置基础项目的微信小程序的AppID
    在这里插入图片描述
    8、配置微信开发者工具的AppID(从第二步获取的)
    在这里插入图片描述
    9、预览微信小程序
    点击预览手机扫描二维码预览,微信查看小程序,
    在这里插入图片描述

    展开全文
  • 微信小程序入门1–新建微信小程序页面 在新建微信小程序后会自动生成一个DEMO实例,我们可以在实例中修改自己所需的内容,当内容过多时,实例中的页面不足以满足我们的需求,因此需要新建微信小程序页面。 本文内容...
  • 小程序白屏问题和内存研究

    千次阅读 2020-12-21 11:27:41
    在开发小程序应用中,QA发现过几次页面白屏的情况,苦于难易复现和调试,故想对小程序白屏问题进行一番探究。从小程序官方开发者文档得知,微信小程序运行在三端:iOS(iPhone/iPad)、Android和用于调试的开发者工具...
  • vscode开发小程序需要安装的插件集合 1.小程序开发助手 这是每一个小程序开发者必备的神器,它具备: 支持 js,json,wxml 文件的代码提示 wxml 文件语法高亮 2.EASY less 3.minpp minapp的主要功能 : 属性的...
  • 1.新建组件文件夹,将后面项目中用到的组件都放进组件文件夹中; 2.我在这边需要一个搜索的组件,所以新建一个searchInput的文件夹; 3.在searchInput的文件夹上,右键选择新建Component就会看到文件夹下面生成四...
  • 开发工具:VSCode 开发框架:uni-app + uView 步骤: 一、创建uni-app项目 1、全局安装vue-cli npm install -g @vue/cli 2、创建uni-app项目 vue create -p dcloudio/uni-preset-vue demo 我在创建过程中遇到这样...
  • 2.在小程序根目录下创建文件夹 cloudfunction 3.project.config.json添加云函数根目录 4.app.js 文件的 onLaunch 方法中添加下面的代码,初始化云函数 if (!wx.cloud) { console.error('请使用 2.2.3 或以上的...
  • 一、注册小程序开发账号 1. 点击注册按钮 使用浏览器打开 https://mp.weixin.qq.com/ 网址,点击右上角的“立即注册”即可进入到小程序开发...1. 了解微信开发者工具 微信开发者工具是官方推荐使用的小程序开发工具...
  • VScode+Taro开发小程序

    2021-04-06 14:43:12
    taro支持多端开发,在dev环境启动: //web $ npm run dev:h5 //微信小程序 $ npm run dev:weapp //百度小程序 $ npm run dev:swan //支付宝小程序 $ npm run dev:alipay //字节跳动小程序 $ npm run dev:tt 我们...
  • 微信小程序云开发 之 登录注册界面 详细教程

    千次阅读 多人点赞 2021-05-08 20:36:04
    数据库的设计二、小程序设计阶段1.选择开发方式2.云开发第一步:注册微信小程序,获取小程序的 AppID第二步、创建小程序项目第三、登录界面的设计1.登录2.注册3.优化附源码 前言 好久没更新博客了 ,最近做了一个云...
  • 新建 -> 项目: ... 运行到小程序模拟器 -> 微信开发者工具,即可在微信开发者... 若HBuilderX不能正常启动微信开发者工具,需要开发者手动启动,然后将uni-app生成小程序工程的路径拷贝到微信开发者工具里面
  • 前端与移动开发----微信小程序----小程序(一)

    千次阅读 多人点赞 2021-04-17 09:50:28
    微信小程序
  • 新建一个空文件夹,存放项目 新建项目: 勾选npm 修改project.config.json中packNpmManually为true,并新增路径 "packNpmManually": true, "packNpmRelationList": [ { "packageJsonPath": "./package....
  • 微信小程序开发之路(2)— 新建一个Hello页面 一、前言 一个小程序是由多个页面构成的,在上一篇新建的"QuickStart"项目中我们点击头像,会跳转到下一个页面: 二、新建一个页面 打开【utils】目录下的app.json...
  • 页面 // pages/test-page/test-page.js Page({ /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { console.log('Page onLoad'); }, ... * 生命周期函数--监听页面初次渲染完成 ...
  • Python+微信小程序开发(三)开发小程序及页面布局

    多人点赞 热门讨论 2021-10-22 18:12:04
    一、新建小程序 首先我们通过模板新建一个小程序。 然后将文件夹下所有文件删除。 会发现报错: 于是新建app.json,并根据提示逐步完善内容。 新建两个文件夹:pages/index,并点击新建page。 这时候...
  • 点击ctrl+s保存刷新代码,然后文件夹的右下角出现一个云朵的图案,整个界面左上角出现云开发的按钮 开通云开发环境 新建一个云函数 这时候云函数cloud文件的当前环境可能是空 但是右键选择“新建一个node.js文件...
  • 笔者今天用新电脑安装了微信开发者工具导入我放在码云上面的小程序代码,结果报错。。。 报错一共有俩种情况,其实都是一个问题: 报错如下: 第一个报错:self signed certificate in certificat 第二个报错:get...
  • 个性化头像生成——微信小程序开发

    千次阅读 多人点赞 2021-10-31 22:50:06
    接下来,将会详细介绍如何制作个性化头像生成微信小程序,让大家都能够自己实现上面的想法!!! 首先一起来看看最终实现的个性化头像生成效果: 一、核心功能设计 该小程序想要实现的是给微信头像或者选择相册...
  • 个人版更多只是一个展示的平台,企业版可以作为一个完整的平台,个人版不可以做商业性质的小程序,但是企业版可以,个人版不可以开通微信支付。 附近的小程序不显示个人版,只能通过搜索,扫码方式找到。 个人版不...
  • 有很多不懂互联网、不懂小程序的新手,想在微信小程序上开店卖东西,却不知如何下手。找公司、问业务员,有不少人花了很多冤枉钱做了一个非常简单的小程序。 还有的直接在某宝上几百块买了模板,也只是能满足基础的...
  • 小程序已悄悄的开放了从外部跳转至小程序的入口,方便用户可以在微信外部浏览器或其他APP跳转至微信小程序。 先上测试链接 体验爽一把【已支持从任意外部跳转至微信小程序】 外部直接跳转进入微信小程序的方法汇总...
  • 要开始小程序云开发,首先就需要先注册一个小程序,开通云开发服务,然后下载开发者工具和翻阅小程序开发与云开发的技术文档。除此之外,还需要在创建云开发项目时,注意一些配置的细节。 一 注册微信小程序 小程序...
  • ​ 在微信小程序的界面创建一个新的文件夹components来放置自定义组件,然后新建一个文件夹,这里叫做mycom,右键点击新建的文件夹选择新建component,名字和文件夹也最好一致,和创建微信的小程序page页面差不多,...
  • 可以设置小程序跳转,引流也不错 支持小程序后台流量主激励视频广告 用户没有观看一次视频广告,即可获取能量,收入非常可观 猜成语支持 自动导入词库,并且可以手动添加词库,数据库自带有5600条数据 闯关...
  • 该篇简单描述了微信小程序开发工具的软件下载安装、新建工程及在新建工程中需要的APPID的获取方法。
  • 微信小程序有四种json配置文件,今天就来补一下知识点 json是一种数据格式,在实际开发中json时配置文件的形式出现 小程序项目中有 4 种 json 配置文件,分别是: ① 项目根目录中的 app.json 配置文件 ② 每个...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 531,640
精华内容 212,656
关键字:

新建小程序