2018-11-02 14:54:47 weixin_42536144 阅读数 590

按照mpvue官网提供的方法快速创建一个项目:

 

用微信开发者工具打开时报错了:未找到入口 app.json 文件,或者文件读取失败,请检查后重新编译。

 

记得前一天用同样的方法初始化项目用微信开发者工具打开都没有问题,今天就不可以了。对比了前后项目dist目录下的内容(编译后的文件)发现多了一级wx目录,所以找不到app.json文件。(左为之前的项目,右为最新项目)

 

解决办法:去项目配置文件project.config.json中把小程序运行根目录路径"miniprogramRoot": "dist/"修改为"miniprogramRoot": "dist/wx/"就ok啦!

我是云歌,一枚致力于前端的小鲜肉。

若内容让你引发不适,还望见谅。

2019-06-03 15:22:59 weixin_42618191 阅读数 4695

uni-app开发微信小程序

开发uni-app的技术条件就是微信小程序及Vue,不熟悉vue的同学要先学习了解一下。不熟悉小程序可以直接看uni文档。
https://uniapp.dcloud.io/frame

1. 开发工具调试

打开微信开发工具-–>设置—>安全—>开启服务端口(微信开发者工具最新版)
进入XHbuilder,点击工具—>设置,找到微信开发者工具安装目录,设置启动地址(安装插件:工具—>插件安装)
(如果是开发支付宝小程序就需要自己打开生成的代码包,运行到支付宝开发者工具的时候编译平台会提示在哪个路径)
以上设置完成后就可在代码开发后点击运行,就能自主选择运行到哪端进行查看调试了。在编辑器中进行修改后不用重新运行,小程序开发者工具会自动更新,如果没有变化,点击重新运行即可:
在这里插入图片描述
详细流程介绍:https://uniapp.dcloud.io/quickstart

2. 开发项目配置

项目目录的manifest.json ,配置小程序AppID等。
项目目录的pages.json,配置页面路由(pages数组),配置应用的状态栏、导航条、标题、窗口背景色(globalStyle对象), 配置 tabBar 内容。这个开发过小程序的朋友来说是差不多的。不过uni-app的每个页面是没有自己对应json文件的,都在公共的page.json中设置。列如开启下拉刷新
在这里插入图片描述
官方文档有详细介绍:https://uniapp.dcloud.io/collocation/pages

3.公共文件

在components中建立公共的文件
common.js的代码地址:https://github.com/lady-mei/uni-app-common.js
components
main.js中引入公共文件或方法
在这里插入图片描述
4. 微信登录及获取用户信息

在公共的js文件中定义登录的方法在这里插入图片描述
获取用户信息进行解密的方法
在这里插入图片描述
在这里插入图片描述
其他方法后续添加。。。。。。
以上为个人开发项目的经验,有不对的或者更优方法的十分希望可以指点一二。谢谢!

2018-12-19 16:16:01 meikaied 阅读数 264

用的是最新版本的微信开发者工具,不只是没有代码模块而且报错 类似下面这样的吧反正是请求报错 新建的项目请求报错

在这里插入图片描述
因为网络代理软件或者 VPN 影响,工具无法加载本地模拟开发服务 请尝试以下任一解决方案

1.关闭相关网络代理软件,重新编译成功后,再启动相关网络代理软件;

2.配置相关软件不针对 *.appservice.open.weixin.qq.com 和 *.debug.open.weixin.qq.com 进行代理;

3.配置相关软件不针对 开发者工具 做代理

上面三点是微信开发者工具给出的解决办法,小白的我,不知道怎么修改
在这里插入图片描述
设置弄完了还是不好使,怎么整,把防火墙本身是关掉的但是就是不好使,又挨个关了一遍,域名防火墙,个人网络防火墙,公共网络防火墙 都关了 ,好在最后是出来了,谢天谢地

2017-06-09 11:42:43 rolan1993 阅读数 17043

  • 微信小程序联盟出品.jpg
    开发前必读简要

    基于大量无效开发,无法上线的案例,所以开发前部分知识十分重要;| 链接

    微信小程序个人注册简单步骤

    打开mp.weixin.qq.com,点击右上角立即注册,进入小程序注册| 链接

    微信开发者工具【项目】详解

    为什么我的小程序通过审核,但是搜索不到呢?原因是必须在后台内点击发布,才会发布;| 链接

    小程序开发上线(发布)步骤

    这篇帖子将简单的介绍基本的步骤,以便新手们建立一个基本的印象;| 链接

    微信小程序新手入门宝典

    为了方便大家了解并入门微信小程序,我将一些可能会需要的知识,列在这里; | 链接

    微信小程序从注册到上线专辑

    为了同学们了解注册及上线的整个流程,所以我专门制作了这个从注册到上线的整个流程 | 链接

    安卓或ios开发者学习小程序指南

    我发现很多安卓或是ios开发者,学习了小程序的开发,并且很顺利。 | 链接

    WXSS/CSS相关知识说明

    为了更适合开发微信小程序,WXSS对 CSS 进行了扩充以及修改。| 链接

    使用官方WEUI-WXSS相关知识

    使用官方 UI 简化设计开发流程,如果你的项目对 UI 定制要求不是很高的话。| 链接

    一键添加小程序所有文件jswxmlwxssjson

    可以“一键”新建小程序4个常用文件,不用一个一个的去建,方便多了!| 链接

    常用api域名配置列表及免费API集合

    免费API大全以及后台配置域名的方法| 链接

    常用快捷键总结 (mac系统/win系统)

    1: opt + shift + f : 代码格式化2: cmd + [, cmd+ ]代码行缩进。。。| 链接

    让他人体验自己的小程序

    怎么让别人体验自己的小程序啊,我认为这个将是很多朋友即将遇到的问题| 链接

    官方社区使用指南

    为了让大家解决问题更有效率,官方社区是必不可缺的。| 链接

    官方FAQ合集,开发者工具更新日志合集

    本帖,每周伴随官方FAQ更新而更新;历史更新日志伴随版本更新而更新 一楼为:FAQ及官| 链接

    如何让微信小程序更容易审核通过

    微信小程序审核不通过,有很多原因,其中最明显的一点就是:服务类目问题;| 链接

    审核提供测试账号

    自有账号体系 提交审核怎么提供测试账号| 链接

    关于如何将大神demo应用于自己项目

    把大神们造轮子的逻辑应用于我们项目的相应组件上,这就是基本思路,有思路才能优雅 | 链接

    使用本地服务器进行调试

    怎么请求本地网络啊 IP形式的网络?怎么访问本地架设的服务器?| 链接

    开发者工具无法登录账号

    最近开始频发无法登录账号的问题,诸如request https 404报错 登录态失效等 | 链接

    小程序敏感词汇过滤问题

    用户需要发表内容的小程序,需要设定关键词过滤,屏蔽掉政策不允许的内容:| 链接

    公众号关联微信小程序简单方法

    很多人可能会问,公众号如何添加微信小程序呢?步骤很简单: 1:https://mp.weixin.q |链接

    公众号关联小程序相关知识

    很多跟小程序之间的运用,让线上红利开始发酵| 链接

    小程序使用python后端说明

    在开发实战指南专题中,似乎唯独没有python相关知识的说明。。。 | 链接

    使用PHP/thinkphp后端问题

    后端部分跟小程序的前端部分是分离的 | 链接

    使用java后端问题说明

    请求数据方面没有区别,只需要提供json格式的数据接口即可;但是因为小程序方面对其他| 链接

    使用go语言(golang)作为小程序后端说明

    微信小程序后端用通用的Rest技术都可以实现,不只常见的这些技术和golang可以,其实用| 链接

    使用nodeJS作为小程序后端

    node用的人很多啊。。稍微聚集一下相关的知识| 链接

    使用Express后端框架

    Express 基于Node.js 平台,快速、开放、极简的 web 开发框架。 | 链接

    使用bmob后端云相关说明

    BMOB后端云因其简单易用在小程序圈内广受开发者好评,推荐使用! 本帖将不断更新; | 链接

    使用C#解密用户信息

    由于官方没有提供C#的解密demo,所以大家只能八仙过海各显神通了。。。 | 链接

    使用leancloud后端云说明

    感谢leancloud官方给予的部分资料及说明; | 链接

    使用第三方SDK及服务及扩展库及框架

    目前已经为小程序开发了SDK及可以辅助开发的库或框架或SDK| 链接

    wepy组件化框架使用说明

    组件化开发框架| 链接

    使用第三方库(第三方js)

    小程序怎样引用第三方js呢?第三方js是封装好的类库 想引用进来实例化使用| 链接

    使用第三方编辑器(IDE

    开发小程序,并非一定要使用官方的编辑器,你也可以任意选择自己喜欢的编辑器;| 链接

    模块化、组件化及封装

    开发过程中要学会不断的重构代码,尽量提高代码的可重用性,尽量不要复制相同的代码。| 链接

    参数传递,跨页面传值或通讯相关知识

    这个东西,是开发小程序必备神器,越深入了解,越可以有效的帮助自己| 链接

    图表类:折线图,柱状图,K线,分时图

    各类图表功能,小程序自带API并没有提供,所以很多人就用了其他方法来实现。| 链接

    模版template使用,import及include

    template是小程序中的一个重要应用;WXML 提供两种文件引用方式import和include。 |链接

    富文本解析:将html转为为wxml

    富文本解析是一个困扰无数人的问题,目前网上的解决方案已经比较多了 | 链接

    自定义字体/自定义图标相关

    自定义图标及自定义字体,一直是很多小程序开发者的心病| 链接

    微信小程序真机预览跟本地不同的问题

    本地可以看到数据,打开调试也可以看到数据,关闭调试则看不到数据;或是开发版可以看| 链接

    常见错误及基本排除方法

    也接触了不少人解决问题的过程里,有一些比较难以排查的可能性列举在这 | 链接

    ios苹果真机相关问题

    此问题只在ios上出现,而安卓没有问题;或是这个问题同时在安卓和ios上出现;| 链接

    Android安卓真机相关问题

    本帖特别针对以下两个情况:情况一:此问题只在安卓上出现,而ios没有问题;| 链接

    Javascript 标准库兼容性及ES6支持度说明

    iOS、Android 和 开发者工具。三端的脚本执行及用于渲染非原生组件的环境是各不相同的| 链接

    ssl证书相关问题

    errMsg: "request: fail ssl hand shake error"等错误及免费证书申请地址| 链接

    小程序1024K限制及代码压缩相关

    为了提升小程序体验流畅度,编译后的代码包大小需小于 1MB ,大于 1MB 的代码包将上传| 链接

    微信小程序支付(微信支付签名错误

    发起支付时的签名需要有appId(不是appid,大小写)| 链接

    微信支付(微信小程序支付)

    小程序仅支持微信支付;而微信支付需要认证后才可以使用,需要花费300元认证费用;| 链接

    微信登录问题

    有个登录功能,为什么小程序在别的手机上无法登录?| 链接

    Session、session_key及checkSession

    checkSession 就是用来检测 session_key 是否过期| 链接

    用户未授权获取登录信息的替代方法

    用户如果拒绝授权,需要10分钟等待后才可以再次申请授权;| 链接

    授权获取用户信息的弹窗

    授权获取用户信息窗口在开发工具可以多次提示,在手机上测试的时候只弹出一次,这是正| 链接

    openid与unionid

    微信登录必备| 链接

    解密获取unionid问题

    unionid,需要 先在微信开放平台内绑定小程序;open.weixin.qq.com,方可解密出unioni|链接

    带参数二维码,返回数据保存为图片

    php,java,node,C#等保存为图片的方法| 链接

    带参数二维码相关知识

    生成的数量有限制,总共只有10万个;另外,扫码访问次数没有限制。| 链接

    MD5加密使用说明

    聚集一下md5加密在小程序中的使用相关的内容: | 链接

    页面路径五层限制

    官方规定页面路径只能是五层,请尽量避免多层级的交互方式。| 链接

    并发数及连接数限制及promise/async/await

    request 的最大并发数是 5;upload/download最大并发限制是 5 个| 链接

    wx.downloadFile问题

    downloadFile,需要在小程序公众后台配置相应的downloadFile域名,否则会无法正常使用| 链接

    wx.uploadFile(上传文件)相关问题

    特别提示一:upload必须在小程序公众后台配置上传域名,才可以在真机使用。| 链接

    图片上传问题

    域名检测全部是正确的,并且后台也配置了域名,但是安卓就是无法上传图片:| 链接

    wx.openDocument打开文件

    新开页面打开文档,支持格式:doc, xls, ppt, pdf, docx, xlsx, pptx| 链接

    wx.saveFile文件保存API

    文件保存API是很多人懵逼的。。。| 链接

    模板消息相关问题说明

    当用户在小程序内完成过支付行为,可允许开发者向用户在7天内推送有限条数的模板消息| 链接

    客服消息相关(客服按钮修改

    客服按钮能自己定义吗?可以的| 链接

    swiper轮播图组件

    1:如何上下滚动;2:如何点击;3:如何自定义指示点| 链接

    button按钮组件使用

    button用来配合form或者单独点击| 链接

    分享相关 知识onShareAppMessage

    只有定义了此事件处理函数,右上角菜单才会显示“分享”按钮| 链接

    image图片组件使用

    background-image:可以使用网络图片,或者 base64,或者使用标签| 链接

    模态弹窗wx.showModal及遮罩层

    带有输入框的弹窗| 链接

    微信小程序缓存API相关知识

    关于数据缓存,怎么能获取到本地缓存使用了多少,还剩多少| 链接

    map组件,地图使用相关问题

    包括百度地图,腾讯地图,高德地图api及各种地图相关demo| 链接

    WebSocket相关问题说明

    请保证wss域名符合https的要求;比如备案,不得带有端口等;| 链接

    MAP地图markers使用问题

    本帖将专门整理markers相关的一些知识和讨论 | 链接

    MAP地图controls控件使用指南

    地图控件| 链接

    canvas相关问题说明

    canvas、textarea、video层级最高的变通方法| 链接

    音频相关问题:播放,录音等相关

    包括语音识别类demo及教程| 链接

    录音文件格式为silk(silk转mp3)

    暂不支持模拟录音,手机上录音目前是silk格式。如何转为mp3困住了不少人| 链接

    语音搜索及语音识别相关

    这属于小程序框架体系之外的功能,可以将语言传给第三方服务器进行识别| 链接

    progress进度条及slider

    凑合看吧,比如自定义圆形进度条。。。| 链接

    radio单选(单项选择器

    文章及demo可能并非是radio的使用说明,而是实现了自定义了单选等;| 链接

    switch开关选择器使用

    自定义switch方法说明| 链接

    组件系列:scroll-view

    实现滑动及锚点功能| 链接

    组件系列:textarea

    textarea可能出现的问题五花八门,请做好心理准备| 链接

    input组件

    坑点较多。。。| 链接

    重力感应及罗盘API

    开始搞摇一摇了。。。| 链接

    计时器/倒计时相关

    倒计时,计时器等组件使用说明| 链接

    视频播放相关(video组件)

    video标签认宽度300px、高度225px,设置宽高需要通过wxss设置width和height。| 链接

    text组件,文本换行及空格

    总结一下text组件,以及文本换行,文本溢出及空格,复制问题;| 链接

    animation动画相关问题

    本帖主要是针对animation的使用相关的教程及问题说明| 链接

    toast吐司组件问题说明(自定义toast)

    包括自定义toast等问题说明| 链接

    picker及picker-view组

    用途广泛的联动选择器,目前已经比较实用了;| 链接

    tabbar相关问题说明

    包括tabbar不显示,自定义tabbar等问题的说明| 链接

    微信小程序测试特辑

    使用脚本编辑工具对微信小程序进行自动化测试| 链接

    手机注册使用短信验证码

    这个需要你后台写一个接口,点击按钮就把手机号码传过去,然后再后台进行发短信操作和| 链接

    使用模拟数据mock.js

    微信小程序使用mock.js提供模拟数据| 链接

    使用普通二维码打开小程序

    兼容线下已有的二维码,微信公众平台开放扫描普通链接二维码跳转小程序能力。| 链接

    第三方代开发平台使用说明

    第三方平台新增小程序授权托管。小程序管理员将小程序授权给第三方平台后| 链接

    小程序中使用emoji表情相关

    mysql默认是3字节,而emoji表情是4字节| 链接

    三轴加速度计使用及调试

    感应手机的重力、位置与加速运动的| 链接

    设置API:wx.openSetting使用说明

    打开小程序的设置界面:就是主动调取授权| 链接

    arrayBuffer与base64互转拓展接口

    将 Base64 字符串转成 ArrayBuffer 数据| 链接

    剪贴板API使用说明

    剪贴板API是最新推出的大家期待已久的API,使用较为简单; | 链接

    收货地址wx.chooseAddress使用说明

    调起用户编辑收货地址原生界面,并在编辑完成后返回用户选择的地址| 链接

    基础库及兼容低版本基础库

    因为是新出的部分,所以内容同样是少的惊人; 假如同学们 | 链接

    场景值系统使用

    场景值是最新推出的系统,未来的用途将极其广泛 | 链接

    蓝牙API使用指南

    目前蓝牙资料极少,但是为了让大家能够迅速的了解新API及可能遇到的问题 | 链接

    多选checkbox组件使用

    checkbox不会触发change事件, checkbox-group才会触发。| 链接


2019-10-21 18:41:16 zhouxinxin250 阅读数 29

运行项目

  • 安装微信开发者工具

  • 下载源码,打开微信开发者,选择小程序导入源码,AppID改为自己申请的
    要设置为申请的AppID才有云开发选项。

  • 接下来申请云开发功能,进入云开发页面

    在存储里创建文件夹,将图片资源上传到文件夹中

    在数据库里创建集合,将数据导入到集合中

    要设置数据库用户读取权限才能拿到数据
    在这里插入图片描述

  • 修改云开发环境env
    在app.js文件中,直接修改env对应的云开发环境ID。

App({
  onLaunch: function () {
    if (!wx.cloud) {
      console.error('请使用 2.2.3 或以上的基础库以使用云能力')
    } else {
      wx.cloud.init({
        traceUser: true,
        env: 'mall-sit-3ld8k',
      })
    }
    this.globalData = {}
  },
})
  • 上传云函数,运行
    在每个云函数目录右键选择上传并部署。上传成功后目录图标变成云朵。

上传并部署有两个选项:

  1. 选择云端安装依赖(不上传node_modules)。
  2. 如果选择上传所有文件,可能会报错,没有安装wx-server-sdk。
    在这里插入图片描述
    要先安装wx-server-sdk要部署,进入你的函数文件夹,如login函数,进入文件夹之后执行
npm install --save wx-server-sdk@latest

等待安装完,看到你的文件多出一个目录node_modules。

没有更多推荐了,返回首页