精华内容
参与话题
问答
  • 相关文章微信小程序开发(二)开发之日历打卡小程序发现页微信小程序开发(三)入门之创建打卡活动前言一直不温不火的微信小程序2018年迎来了第二春,在我的记忆中随着跳一跳小游戏的出现,一时间...(一)微信开发...

    相关文章

    微信小程序开发(二)开发之日历打卡小程序发现页

    微信小程序开发(三)入门之创建打卡活动

    微信小程序开发(四)入门之打卡功能开发


    前言

    一直不温不火的微信小程序2018年迎来了第二春,在我的记忆中随着跳一跳小游戏的出现,一时间数千万的微信小程序如雨后春笋般出现在我们的视线里。追着这波大浪潮,笔者所在的公司也开始将有些需求转移到微信小程序上。接下来将以几篇文章将最近的一个日历打卡小程序的开发过程以及遇到的问题和大家做个分享。

    (一)微信开发者工具

    小程序团队推出了自己的开发工具-微信开发者工具,目前微信开发者工具任然在不断的完善中,在开发小程序时经常要不断的更新。论坛上吐槽的文章也是一大堆,存在很多bug,笔者在开发过程中也是被它坑过。笔者是安卓开发者,习惯于这种可视化的编程,所以没有选择Webstrom或者其他开发工具,接下来将介绍微信开发者工具基本功能



       

    1. 机型选择:小程序以IPhone6的屏幕尺寸为设计标准,让UI小姐姐按照IPhone6屏幕尺寸来切图。
    2. 预览界面:写好视图布局后点击编译,视图界面刷新显示
    3. 远程调试:手机端和PC端开发工具联调(非常实用)
    4. 上传代码:上传到腾讯服务器,提交审核必经步骤。可以填写版本号和备注信息
    5. 5-1:代码体积,微信限制 2M 以内。  5-2:ES语法转换,开发中一般不校验合法域名信息 。5-3:域名信息:小程序后台要做配置服务器域名,有request 域名,socket 域名以及uploadFiledownloadFile域名。注意:域名小程序要求必须是https 
    6. 控制台:打印输出信息,方便调试
    7. 资源文件:对应项目的文件目录,一般可以在这里进行断点调试
    8. 本地数据存储:显示的是本地存储的数据,对应的相关API是wx.setStorageSync(key,data)
    9. 视图调试:标组件以子父层级结构呈现,方便调试。

    以上就是在开发过程中微信开发者工具常用到的功能,微信开发者工具也在不断的完善,为了以后更好的提升开发效率,也需要我们在开发过程中将遇到的问题不断的反馈给小程序团队做优化,希望大家抱着包容的心态。开发过程中大家也可以依照自己的习惯选择其他的开发工具。


    (二)小程序框架以及目录结构介绍

        

    •  逻辑层

      小程序开发框架的逻辑层由 JavaScript 编写。逻辑层将数据进行处理后发送给视图层,同时接受视图层的事件反馈。逻辑层对应的是js文件,在每个页面的js文件中,系统提供了一系列的方法如:页面生命周期onLoad(),onShow(),onHide(),等,下拉刷新onPullDownRefresh(),页面到底部(上拉加载)onReachBottom()方法,分享功能onShareAppMessage()等。


    • 视图层

      框架的视图层由 wxml  wxss 编写,由组件来进行展示。将逻辑层的数据反应成视图,同时将视图层的事件发送给逻辑层。 wxml 由小程序提供的组件组成,wxss css 样式。

    • app文件

      app.json 
      文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。页面的json文件一般用来配置当前页面的窗口表现。app.js 用来提供全局变量,如baseUrl。app.wxss 提供全局的css样式

      {
        "pages": [                    //页面的路径(在此处可快捷创建页面)
          "pages/index/index",
          "pages/logs/index"
        ],
        "window": {                   //视图窗口
          "navigationBarTitleText": "Demo"
        },
        "tabBar": {                   //底部tab
          "list": [{
            "pagePath": "pages/index/index",
            "text": "首页"
          }, {
            "pagePath": "pages/logs/logs",
            "text": "日志"
          }]
        },
        "networkTimeout": {           //设置是否超时
          "request": 10000,
          "downloadFile": 10000
        },
        "debug": true
      }
      
      
    • utils/.json 

      系统提供的工具类,一般编写公共的方法导出方便其他页面调用。

    (三)结束语

        本篇文章简单的介绍了微信开发者工具和小程序的框架,微信的开发文档对相关功能的介绍十分的详细。接下来将开始我们的日历打卡小程序开发之旅。


    展开全文
  • 处理方法:阅读了链接文章,确实学习,但是处理起来很简单。 直接在微信开发者工具中,“设置-通用设置-安全”里面,开启服务端口即可

    处理方法:阅读了链接文章,确实学习,但是处理起来很简单。

    直接在微信开发者工具中,“设置-通用设置-安全” 里面,开启服务端口即可

    展开全文
  • 1.将安装好的 微开发者工具移动到没有中文路径的地址,然后将 微信开发者工具.exe 更改为英文名字,然后发送到桌面快捷方式 2,按照谷歌配置可跨域的方法配置 配置方法(配置的时候请保证 你的软件在关闭状态) ...

    1.将安装好的 微开发者工具移动到没有中文路径的地址,然后将   微信开发者工具.exe 更改为英文名字,然后发送到桌面快捷方式

    2,按照谷歌配置可跨域的方法配置

     

    配置方法(配置的时候请保证 你的软件在关闭状态)

    邮件你发送到桌面的快捷方式,然后更改  目标

    后面加上 这一句话

    --args --disable-web-security --user-data-dir

    然后通过这个快捷方式进行打开 微信开发者工具就支持跨域了

    转载于:https://www.cnblogs.com/MainActivity/p/9928913.html

    展开全文
  • WeChat Web DevTools 是腾讯官方提供用于微信 Web 开发微信小程序开发工具,由于官方只提供了 Windows 和 MacOS 版的工具,很多 Linux 爱好者很苦恼,所以我就折腾了半天把成功贡献给大家
  • 微信开发者工具开发微信小程序1、下载工具2、工具使用3、增删改查a:使用云开发数据库以查询为例b:调用本地springboot接口以查询为例 1、下载工具 进入微信公众平台:微信公众平台. 由于我已经注册过,所以提供文档...

    1、下载工具

    进入微信公众平台:微信公众平台.
    由于我已经注册过,所以提供文档参考开发文档api.
    刚入门只需要看这几类即可:
    在这里插入图片描述
    根据文档链接(https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=18110719)下载开发工具,根据电脑配置下载:
    在这里插入图片描述
    下载后的工具:
    在这里插入图片描述
    安装后的文件夹:
    在这里插入图片描述

    2、工具使用

    点击exe,进入下图:
    在这里插入图片描述
    点击小程序项目,进入下图(这里的项目是我之前开发过的):
    在这里插入图片描述
    在这里插入图片描述

    平台自带的获取微信号和获取浏览时间,进入项目即可看到
    在这里插入图片描述

    具体可参考微信官方文档 工具使用文档.
    在这里插入图片描述

    3、增删改查

    a:使用云开发数据库

    注意:具体可参考云开发文档.
    1、新建项目选择一个空目录,填入 AppID(使用云开发能力必须填写 AppID),勾选创建 “云开发 QuickStart 项目”
    2、进入程序若是出现调用函数失败的错误:在 app.json / game.json 中增加字段 “cloud”: true即可解决
    3、进入项目点击上方云开发:在这里插入图片描述
    4、配置后进入数据库:
    在这里插入图片描述

    以查询为例

    在这里插入图片描述

    b:调用本地springboot接口

    以查询为例

    springboot接口是另外的项目,此处只是告诉大家如何调用
    1、将springboot接口用maven打包成jar文件
    在这里插入图片描述
    2、待jar启动后,就可以调用啦在这里插入图片描述
    3、如果调用时候出现405错误,不要慌,点击右上角的详情,勾选不校验合法参数即可,g

    特别提醒:如果有什么不懂的,或者需要demo的,请私信我,有什么不足之处还请大家多多指教,谢谢。

    展开全文
  • 微信在线接口工具调试使用
  • 微信小程序已经跑起来了.快捷键设置找了好久没找到,完全凭感觉.图贴出来.大家看看. 我现在用的是0.10.101100的版本,后续版本更新快捷键也应该不会有什么变化. 现在貌似不能修改.如果有同学找到修改的方法,...
  • 微信开发者工具

    2019-01-02 10:31:25
    微信小程序开发工具,开发微信小程序,点击允许直接安装
  • 解决办法: 1、首先打开微信开发者工具,然后点击菜单栏的设置>>安全设置> 2、然后将服务端口开启 ...停止微信开发者工具 4、然后再次运行到微信小程序模拟器即可,效果图如下: ...
  • 微信开发者工具开发企业微信提示:未绑定企业号开发者 如图(1) 然后直接拉到底: 红框,开发者工具,选中后创始人就可以进行在微信开发者工具开发了。 友情提示:链接微信在现在的版本里你是找不到的...
  • 微信开发者工具的用途  开发微信小程序和公众号网页开发   小程序  添加小程序项目  在小程序的管理页面可以增删项目    添加小程序可以使用小程序公众号的appid,也可以不使用(一些功能不能使用) ...
  • 1、HBuilder X运行小程序,调用微信开发者工具后,最终结果如下所示 上图结果所示,微信开发者工具已打开,但是微信开发者工具并没有运行小程序,两个工具都没有错误提示 2、出现上面这种情况的原因是:微信...
  • 微信开发者工具使用教程 如何上传、发布、审核等 2020年3月31日录 - 微信开发者工具使用教程 01-微信开发者工具的下载和安装 02-微信小程序账号的注册、登录、appid的获取 03-微信小程序开发和公众号开发模式的切换 ...
  • 微信开发者工具
  • 微信开发者工具.exe

    2020-07-11 00:26:54
    https://mp.weixin.qq.com/cgi-bin/registermidpage?action=index&lang=zh_CN,这个网址可以用来注册微信开发者ID,用来发布小程序,也可以找到一些别的与微信相关的开发工具
  • 基于微信开发者工具开发的一款简易的小程序
  • 最近在做企业微信开发,碰到一个很蛋疼的问题,企业微信后台怎么设置,在微信开发者工具上始终提示“未绑定企业号开发者”,百度了一圈也没找到解决的答案,最后问企业微信客服才解决,在此再次感谢为我解答问题的小...
  • 微信开发者工具+ Visual Studio 2017开发微信小程序Demo

    万次阅读 多人点赞 2018-06-19 17:35:49
    开发工具: 开发步骤: 第一步:准备工作,用visual studio写后台数据 第二步:映射外网、路由(TP-LINK)端口,配置IIS发布项目 第三步:小程序访问、调用VS的传过来的JSON字符串,展示数据 刚自己做了一...
  • 有时候微信官网会下载不了开发者工具, 可以在这边下载
  • 1、先引入入口.html文件 参见官网https://uniapp.dcloud.io/collocation/manifest?id=h5-template 2、配置manifest.json 3、运行 4、在微信开发者工具中进行公众号网页调试 ...
  • 微信开发者工具下载地址

    万次阅读 多人点赞 2017-01-05 10:52:03
    微信官方开发工具下载
  • 假设我用vue开发了一个web应用,需要在手机微信里访问并调试, 可以按照本文介绍的步骤,使用微信开发者工具来调试. 假设我的web应用的访问入口是如下公众号菜单的"预约"按钮: 那么为了能够在微信开发者工具里调试,...
  • 微信开发者工具使用bug

    千次阅读 2018-10-22 21:19:04
    之前下载了微信开发者工具,最近一直提示下载更新。因为嫌麻烦,就没有更新。结果今天微信开发者工具竟然打不开了!好吧!以后还是经常更新比较好!  遇到了微信开发者工具打不开的问题,就重新下载了最新版的微信...
  • 微信开发者工具-Linux版!!(在GITHUB是开源项目)

空空如也

1 2 3 4 5 ... 20
收藏数 13,367
精华内容 5,346
关键字:

微信开发工具