如果不希望在小程序/小游戏的运行环境中执行该文件,请使用 project.config.json " - 腾讯云开发者社区

在上一篇文章中，我们介绍了使用mpvue开发小程序所需要的一些开发环境的搭建，并创建了第一个mpvue小程序代码骨架并将其运行起来。在本文中，我们来研究熟悉一下mpvue项目的主要目录和文件结构。...2）project.config.json文件 project.config.json文件是用于管理微信开发者工具的小程序项目的配置文件，其中记录了小程序的appid、代码主目录、以及编译选项等等信息，...在微信开发者工具中导入小程序项目的时候主要是通过该配置文件读取和写入配置信息。...components：在实际开发中，我们可以尽量将界面上可复用的部分，提取成vue组件放入该目录 pages：存放小程序的页面。...请遵循每个小程序页面放入一个单独子目录的组织形式 utils：可选（可删）。可以将代码中一些公用工具函数组织成模块放入该目录下可新建其他目录，存放你希望组织起来的代码。

9032 0

mpvue开发小程序教程（二）

7132 0

您找到你想要的搜索结果了吗？

是的

没有找到

从零开始开发一个小游戏有什么难点

如果仅仅针对个人开发者来讲，要独立开发一款大型游戏几乎无可能，更大成功的可能还是开发一款类似《羊了个羊》这样洗脑的小程序游戏。...二、上手开发小游戏如果你有了比较好的想法和较成熟的游戏机制，并能够完成UI界面图的实现，就可以着手开始小程序游戏的开发了。...step 3：微信小游戏配置和入口文件在微信小游戏项目中，project.config.json 和 game.json 配置文件是大家首先需要添加的，其中 project.config.json 可以定义你的小游戏...尽管开发者工具比较好用，但是我们必须面对它的一大问题，它的模拟器运行环境和微信小游戏的真机运行环境可能并不完全相同。也就是说，有可能出现真机环境中的 bug 在模拟器环境中无法重现的问题。...其中 FinClip 小程序游戏还有个需要特别强调的点，只要开发小程序后适配 FinClip 平台，并在第三方 App 中集成 FinClip SDK 即可实现在第三方 App 中运行小游戏，第三方 App

8493 0

小程序-云开发基础

撰文 | 川川 VX-ID:suibichuanji 前言最近在学习研究小程序的云开发,不得不令人惊叹,个人觉得如果把小程序比作是干柴,那么云开发就是一把烈火,助推了小程序,小游戏的野蛮生长一种无服务...云数据库: 一个可以在小程序端操作,也能够在云函数中读写的json数据库作用：无需自己建数据库具体应用:数据的增加,删除,修改,查询云存储: 可在小程序前端直接上传或下载云端文件，在云开发控制台可视化管理...(主要针对旧项目的小程序) 这种方式主要是对于旧项目的小程序想要切换到云开发,基于云开发的的基础能力进行二次开发这在创建小程序工程项目时,一开始就开通云环境与只创建小程序前台,然后在工具中手动的开通云坏境...}) } } }) 上面的这段代码在我们的微信小程序的app.js中的onLaunch生命周期中,调用云开发的init初始化命令,这样就可以在后续的生命周期内调用云开发的命令执行各种操作...配置基础版本库在进行云开发时,小程序的API更新是很快的,云开发又是集成在小程序官方的运行的环境当中的,对于一些新的API,如果想要支持的话,那么得使用较高版本的库的只需要在开发者工具中,点击开发者工具右上方的详情

2.8K3 0

第04步《前端篇》第1章创建第一个小游戏项目第1课

学习目标了解微信小游戏/小程序宿主环境的底层运行机制。注册小游戏开发账号，这是免费的，个人、企业皆可注册。安装官方发布的微信开发者工具，这是一个集成的一站式IDE开发环境。...学会在电脑上安装Node.js与Babel，这是再造了一个可以执行JS代码的宿主环境。...在注册过程中有一项是选择服务类目，此处一定要选择游戏类目。如果选择了非游戏类目，则该账号只能用于小程序开发，微信是以服务类目区分小程序和小游戏的。...这样在开发时，如果对文件进行了修改，就不需要频繁的手动保存了，文件会自动保存；当需要预览效果时，直接单击工具栏区的“编译”按钮就可以了。...在小游戏项目中，game.json 是游戏配置文件，project.config.json 是项目配置文件。

4122 0

使用 Vue-CLI 3.x 快速搭建「Vue + TS + Kbone + Kbone-UI + 云开发」项目

云开发CloudBase：云原生一体化应用开发平台，支持小程序/小游戏、Web和移动应用开发。...因为我们是用 ts 开发微信小程序，所以需要安装微信小程序对应的 types miniprogram-api-typings，安装好后需要在 tsconfig.json 配置文件中的types 节点添加对应的配置...{ // 在小程序中如果要注入到 id 为 app 的 dom 节点上，需要主动创建 const container = document.createElement('div') container.id.../dist/mp/project.config.json'), toType: 'file' } ])) } } } 其配置的意思就是如果当前运行的环境变量是...miniprogram 那么就将 cloudfunctions 文件夹和 project.config.json 文件拷贝到小程序的打包目录，到这里就全部集成完了，可以开心的去码代码了～作者：Stephen

1.1K2 0

是时候开始学小程序开发了

在去年2017年1月9日，张小龙在2017微信公开课Pro上发布的小程序正式上线。时至今日，小程序已经有整整一年时间了。...在2017年12月28日，微信更新的 6.6.1 版本开放了小游戏，「跳一跳」小游戏在那一晚彻底火了。由于微信的流量庞大，所以很多开发者看好小程序，我也不例外。 1、什么是小程序？...安装环境，是很简单的，下载完安装包直接安装即可。我们的开发环境如下： ? 如何创建第一个小程序可以先不用注册小程序ID ?...小程序要实现这个底部导航其实很简单，我们只要在根目录下的app.json文件中配置： ? 具体属性值可以看底下这张截图，很明确的说明了： ?...如果上面有错误，请在评论区留言。学习小程序开发，最好你要有一些前端开发网页的基本知识，这样学起来一定会更加轻松。

5303 0

利用 three.js 开发微信小游戏的尝试

的版本）放入 js/libs；如果有其它资源，比如音频文件什么的，也可以自建目录放进去；然后需要修改一下配置文件，简单的说，只要修改 project.config.json 中的 projectname...这里需要注意的是 weapp-adapter.js 很重要，官方解释如下： 小游戏的运行环境在 iOS 上是 JavaScriptCore，在 Android 上是 V8，都是没有 BOM 和 DOM...的运行环境，没有全局的 document 和 window 对象。...顾名思义，这是对基于浏览器环境的游戏引擎在小游戏运行环境下的一层适配层，使游戏引擎在调用 DOM API 和访问 DOM 属性时不会产生错误。...如果您没有修改过 three.js 源文件，那么很有可能只看到一个黑屏。还好，微信小游戏提供了一个调试开关，我们可以选择打开调试： ? 然后再次扫码进入，就可以查看调试信息了： ?

3.1K1 0

微信小游戏 :未找到入口 app.json 文件，或者文件读取失败，请检查后重新编译

背景 ·首先提示的是，之前我已经有开发小程序的经验了 ·最近，觉得无聊所以想接触一下小游戏的开发，毕竟两者太过相近 ·但是我发现，网上找了个小游戏项目导入，并且更改了自己的appID ·竟赫然的报错 "...并且，”开发者工具” 默认使用情况下，模式的选择还不是那么自由的此时，各种百度得到一种解释：小程序和小游戏是不兼容的 ♌. 解决方案 ①....账号配置的修改首先，原因在于我之前申请的”小程序”账号的”服务类目”里面是没有包含"游戏"类更出乎意料的是，在初次创建审核通过后，也是不能再添加出这个"游戏"类别的，甚至根本不会由此选项 ?...简而言之就是：之前用于开发小程序的账号是不能在进行小游戏开发的，只能重新注册账号呗所以，再绕个大圈，申请了新的小程序账号，并且注意"服务类别"的选择。 ? ②....小游戏项目的修改此时，原则上将自己的 appID 填写到项目的 project.config.json文件中保存即可 ? 然而，这个微信开发者工具就是够任性，此时还是报错！

2.4K3 0

微信小游戏从了解到游戏发布的全流程技术介绍！

为了便于理解，把即点即玩，无需下载安装的游戏都称之为H5游戏，还有人叫手机页游。微信小游戏的运行环境并不是浏览器，也不能在浏览器中运行，而是运行于微信APP中的Runtime。...2、设置小程序项目在小程序项目设置面板里，为了快速体验小游戏项目，我们暂时将项目目录设置在LayaAirIDE创建的小游戏示例项目的运行目录。...（正式开发，要另外创建一个发布目录，避免运行目录的资源超过4M被小游戏拒绝上传） ? AppID在小程序开发者帐号里获得（如下图所示）。...第一、TS与JS版本目前还没有集成小游戏的JS合并功能，所以多个JS文件会因为跨文件的执行域问题报错。...2、小游戏应用程序主文件示例中的LayaUISample.max.js是LayaAirIDE创建的项目文件，也是小游戏应用程序的主文件，TS或JS项目如果开发时有多个项目文件的，需要合并成为一个JS文件作为小游戏应用程序的主文件

2.3K4 0

小游戏从0到1：第 2 课创建第一个小游戏项目

文 / 石桥码农本文约 11982 字符，阅读需要 17 分钟微信小游戏是小程序的一个特殊分支，其执行环境和运行机制和小程序是一样的。...第一行中 js 即是一段准备执行的代码文本。两个层次单通道通讯，不能并发，往来都要文本与对象先转换一下，这是小游戏 / 小程序中产生性能瓶颈的最大祸首之一，在开发中尤其值得注意。...微信开发者工具需要微信登陆，如果与小游戏绑定的微信不一致，会报 “登录用户不是该小程序的开发者” 错误。...[bgf5o0i5bq.png] 注意：在注册小游戏帐号时，注意在选择服务类目时，一定要选择游戏类目。如果选择了非游戏类目，则该帐号只能用于小程序开发了。微信是以服务类目区分小程序和小游戏的。...在使用该功能时，有一点需要注意，就是用户必须是小游戏帐号的测试用户，不然用户是无法运行开发者的测试代码的。

1.1K2 0

【说站】微信游戏小程序源码-合成大西瓜小游戏(合成版)源码附带流量主功能

本文编程笔记首发这是一款云开发版的合成大西瓜小游戏微信小程序源码，微信游戏小程序源码。...该小游戏玩法简单，只需要拖动同样的水果落下合成新品众的水果，最终合成大西瓜，玩法酷似俄罗斯方块，相当于换一种形式的俄罗斯方块，简单的模式让小朋友们进入小程序后也可以轻松上手，小编无聊也去尝试了下...，感觉还是有那么点意思的，集 2048+俄罗斯方块+消消乐为一体，该小程序源码附带流量主功能，用户使用吸铁石和万能球功能时需要观看激励视频广告，为站长获取广告收益，前提是需要已经开通了流量主功能才可以使用...1、使用微信开发者导入小游戏即可，无需服务器和域名也可以轻松搭建小程序。 2、小程序 ID 可以在导入的时候直接改，也可以在源码文件 project.config.json 的第 50 行改。

8932 0

30多个小程序一键发布——miniprogram-ci

概述miniprogram-ci 是从微信开发者工具中抽离的关于小程序/小游戏项目代码的编译模块。...：上传代码，对应小程序开发者工具的上传预览代码，对应小程序开发者工具的预览构建 npm，对应小程序开发者工具的: 菜单-工具-构建npm上传云开发云函数代码，对应小程序开发者工具的上传云函数能力上传云托管代码...，对应小程序开发者工具的上传云托管能力上传云存储/静态托管文件，对应小程序开发者工具-云开发-云存储和静态托管文件管理代理，配置 miniprogram-ci 的网络请求代理方式支持获取最近上传版本的...这里的`&`字符在命令行中应写成转义字符`\&`});//监听上传过程，如果上传完成延迟10秒再上传下一个function getstate(e) {console.log('eeee', e);if...,"env": "正式环境","desc": "备注","version": "1.0.0"}// npm run preview（会把xcxkey中的所有小程序打包预览）// npm run upload

4359 0

微信小程序api

在本地开发测试期间为了开发方便可以不配置域名信息，只需要将微信开发者工具中的不校验选项设置即可微信小程序中不存在跨域问题跨域一般发生位置：浏览器防止CSRF跨站点请求伪造微信小程序使用语法糖...提前向用户发起授权请求 wx.authorize() 4.再次唤起授权设置界面为了避免用户通过wx.authorize方法发起主动授权后遭到用户再次拒绝问题，可以用以下两种方式打开设置界面 1.用户可以在小程序设置界面中控制对该小程序的授权状态...，并不互斥，提供了包括数据库、云函数、存储等基础能力开发者可以将业务数据直接存储在云数据库中、将图片资源存储在云存储中，也可以设置运行在云端的云函数来操作数据库、云存储等资源，在云函数端操作云开发资源相对小程序端具有更高的权限...API使用云存储功能在小程序端可以分别调用wx.clound.uploadFile和wx.cloud.downloadFile完成上传和下载云文件操作 3.云函数云函数是一段运行在云端的代码，无需管理服务器...，在开发工具内编写、一键上传部署即可运行后端代码小程序内提供了了专门用于云函数调用的API。

2.1K3 0

【小程序 | 启航篇】一文打通任督二脉

，在小程序中也不例外项目的app.json文件(全局配置）项目的project.config.json文件（个性化设置）项目的sitemap.json 文件（搜索设置）页面的page.json...而小程序的宿主环境则是微信，小程序只能在微信上运行，小程序借助宿主环境提供的能力，可以完成许多普通网页无法完成的功能，例如：微信扫码、微信支付、微信登录、地理定位、etc 小程序的宿主环境微信所包含的内容...通信模式运行机制组件 API 通信模式通信主体小程序中通信的主体是渲染层和逻辑层，其中： ① WXML 模板和 WXSS 样式工作在渲染层 ② JS 脚本工作在逻辑层通信模式小程序中的通信模型分为两部分...全局配置文件执行小程序入口文件app.js，即调用app.js 的App实例（相当于一个类）渲染小程序首页小程序页面启动的过程解析page.json局部配置文件执行页面入口文件page.js...成功扬起小程序的扬帆！！！关于宿主环境中组件与API 的内容见更新中—

6622 0

结合腾讯云开发微信小程序

image.png 手机预览的小程序开发版，默认手机上是关闭调试模式的。如果需要打开调试模式，可以在小程序设置上，选择打开调试，重启小程序即可进入调试模式。 3....开发者可以通过两种方式上传文件：可以直接在云控制台的图形化界面手动上传或下载文件，文件的网络路径可以在文件详情中得到。...但云函数的执行，并不是在小程序内部，而是在小程序云上执行，目前已经支持node环境了，因此作为前端开发者，可以通过node+云函数来实现一些原本是后台的服务和功能。二、项目开发 1....client 文件夹是小程序项目页面的文件，最终会被编译打包运行在小程序里。...// index.js image.png 把该文件直接打包进一个zip包就行，如果该index.js函数还依赖于其他的包或module，只需要把这些包或module按照依赖关系一起打包进

43K10 1

详解基于Vue的开发框架——mpvue

2）project.config.json文件 project.config.json文件是用于管理微信开发者工具的小程序项目的配置文件，其中记录了小程序的appid、代码主目录、以及编译选项等等信息，...在微信开发者工具中导入小程序项目的时候主要是通过该配置文件读取和写入配置信息。...示例如下：上面这段代码的运行后生成的HTML将是：但是在mpvue下面这个特性也不能用，按官方说法是由于涉及到一些性能相关的原因。那如果要动态改变组件的class该怎么写呢？...但是在mpvue小程序开发中，不能用这种方式，请使用标签和小程序原生API wx.navigateTo等来做路由功能。...还有就是请求后端数据，我们通常在Web开发中使用axios等ajax库来实现，但是在小程序开发中也是不能用的，也请使用小程序的原生API wx.request等来进行。

1.8K3 0

云开发基础

1.什么是微信小程序云开发？官方的介绍开发者可以使用云开发开发微信小程序、小游戏，无需搭建服务器，即可使用云端能力。...云开发提供了几大基础能力支持：能力作用说明云函数无需自建服务器在云端运行的代码，微信私有协议天然鉴权，开发者只需编写自身业务逻辑代码数据库无需自建数据库一个既可在小程序前端操作，也能在云函数中读写的...JSON 数据库存储无需自建存储和 CDN 在小程序前端直接上传/下载云端文件，在云开发控制台可视化管理云调用原生微信服务集成基于云函数免鉴权使用小程序开放接口的能力，包括服务端调用、获取开放数据等能力...就是为我这个APPID的小程序在云端创建一套云开发环境管理系统，用于管理我的云端Demo，开通云开发控制台的方式如下： clipboard.png clipboard.png clipboard.png...在小程序项目根目录下创建本地云函数根目录functions，在项目根目录找到 project.config.json 文件，新增 cloudfunctionRoot 字段，值为刚才创建的本地云函数根目录名称

1.1K1 0

实现小程序的持续集成

目前发布小程序现状在小程序开发过程中，大多数的开发者开发完成后，都是通过开发者工具进行编译、预览、上传，然后登录小程序后台，进行发布。...可能很少人关注小程序的CI辅助工具，miniprogram-ci。 miniprogram-ci是什么 miniprogram-ci 是从微信开发者工具中抽离的关于小程序/小游戏项目代码的编译模块。...可以理解它是对整个小程序的一种抽象，定义如下： interface IProject { appid: string // 小程序/小游戏项目的 appid type: string // 项目的类型.../upload.js" } } 这样我们本地开发完成后执行npm run upload即可完成小程序的上传工作。预览功能同理。...实现小程序的持续集成结合上一篇文章聊过的实现持续集成的方案，我们只需要在git hooks的post-update钩子中，配置上对应小程序的上传脚本即可实现小程的持续集成。

6602 1

小程序 | 3-架构和配置

p=7 整理 1 配置小程序的很多开发需求都是通过配置文件来实现。这样可以提高开发效率且能保证小程序的基础风格一致。...配置文件的类型如下：配置文件名称说明 project.config.json 项目配置文件，如项目名称、appid 等 sitemap.json 小程序内搜索相关的配置 app.json 全局配置...1.1 project.config.json project.config.json 对应的是 "详情" 中的配置内容，修改时通常从 "详情" 配置面板中修改。...如果我们想保存之后直接展示 index 页面, 就可以通过自定义编译模式实现。主要步骤如下： 2 小程序的双线程模型微信客户端是小程序的宿主。...宿主提供了执行小程序的各种文件：wxml 文件、js 文件、wxss 文件。并为小程序提供了双线程模型。

5023 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

使用mpvue开发小程序教程（二）

mpvue开发小程序教程（二）

从零开始开发一个小游戏有什么难点

小程序-云开发基础

第04步《前端篇》第1章创建第一个小游戏项目第1课

使用 Vue-CLI 3.x 快速搭建「Vue + TS + Kbone + Kbone-UI + 云开发」项目

是时候开始学小程序开发了

利用 three.js 开发微信小游戏的尝试

微信小游戏 :未找到入口 app.json 文件，或者文件读取失败，请检查后重新编译

微信小游戏从了解到游戏发布的全流程技术介绍！

小游戏从0到1：第 2 课创建第一个小游戏项目

【说站】微信游戏小程序源码-合成大西瓜小游戏(合成版)源码附带流量主功能

30多个小程序一键发布——miniprogram-ci

微信小程序api

【小程序 | 启航篇】一文打通任督二脉

结合腾讯云开发微信小程序

详解基于Vue的开发框架——mpvue

云开发基础

实现小程序的持续集成

小程序 | 3-架构和配置

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐