• 使用 wx.request、wx.connectSocket、wx.uploadFile、wx.downloadFile 等方法时,都会涉及到 URL,微信小程序是不允许随便访问 URL 的,需要在小程序的“设置”->“开发设置”中,把域名配置进去。 但是在开发...

    使用 wx.request、wx.connectSocket、wx.uploadFile、wx.downloadFile 等方法时,都会涉及到 URL,微信小程序是不允许随便访问 URL 的,需要在小程序的“设置”->“开发设置”中,把域名配置进去。

    但是在开发环境下,我们可以暂不配置。

    一、上传到微信服务器,利用手机预览时,会受配置限制,但是我们也可以解除限制

    具体是在右上角,点开菜单,打开调试即可。

    二、在微信开发者工具中预览时,会受配置限制,但是我们也可以解除限制。

    具体是在微信开发者工具中:项目 -> 配置信息,将“开发环境不校验请求域名以及 TLS 版本”勾上。


    这样在微信开发者工具中,也可以随意访问了。甚至可以使用 http://localhost:12345/ 这种既不带 https,也是本地地址,也带端口的地址。

    展开全文
  • 设置--项目设置 ...将不校验域名勾上就可以了,不再校验域名了通过 url: 'https://localhost:8443/spring4/user/list.do',就可以访问后台了。 若要配置域名则需要登录微信公众号平台,点击开始配置即可

    设置--项目设置



    将不校验域名勾上就可以了,不再校验域名了通过

    url: 'https://localhost:8443/spring4/user/list.do',就可以访问后台了。

    若要配置域名则需要登录微信公众号平台,点击开始配置即可


    展开全文
  • 相关文章微信小程序开发(二)开发之日历打卡小程序发现页微信小程序开发(三)入门之创建打卡活动前言一直不温不火的微信小程序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 

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

    (三)结束语

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


    展开全文
  • 解决微信小程序 request 合法域名校验出错:不在以下 ...微信开发者工具:Stable v1.02.2…4.2. 问题 在开发微信小程序的时候,发送 request 请求报错:不在以下 request 合法域名列表中,错误如下图所示。我们按提

    解决微信小程序 request 合法域名校验出错:不在以下 request 合法域名列表中

    解决微信小程序 request 合法域名校验出错:不在以下 request 合法域名列表中

    系统:Win10
    微信开发者工具:Stable v1.02.2004020

    问题

    在开发微信小程序的时候,发送 request 请求报错:不在以下 request 合法域名列表中,错误如下图所示。我们按提示打开后面的参考文档
    在这里插入图片描述

    解决办法一

    可以看出上面的微信官方文档已经对此问题给出解释,就是需要该微信小程序事先设置通讯域名
    在这里插入图片描述

    解决办法二

    我们将文档往下翻,可以看到有跳过域名校验这一方法也可以临时解决该问题
    在这里插入图片描述
    我们点击右侧详情按钮,勾选 不校验合法域名、web-view(业务域名)、TLS版本及HTTPS证书
    在这里插入图片描述

    结果演示

    可以看到原本加载不出来的数据现在已经可以加载出来了
    在这里插入图片描述

    展开全文
  • 微信小程序开发者下不验证https协议的操作
                         

    1.在微信开发者工具里面点击右上角的‘详情’,然后在‘项目设置’里面选择‘不校验安全域名、TLS 版本以及 HTTPS 证书’就可以了。

    这里写图片描述
    成功之后打印台上有提醒
    这里写图片描述
    这样设置之后,你就可以用http协议的地址进行交互了。
    2.顺便说一下如何在帐号里面设置https地址。
    登录小程序官网,在‘设置’里面选择‘开发设置’然后配置‘服务器域名’即可用对应的https协议下的地址了。
    这里写图片描述

               
    展开全文
  • 为了帮助开发者简单和高效地开发和调试微信小程序,我们在原有的公众号网页调试工具的基础上,推出了全新的微信开发者工具,集成了公众号网页调试和小程序调试两种开发模式。 使用公众号网页调试,开发者可以调试...
  • 2 微信开发者中心

    2016-06-02 16:51:16
    微信公众号开发者中心提供了使用代码开发微信微应用的功能,使用代码开发微应用需要用到服务器,本章讲解如何申请新浪云服务器和分析用户与应用服务器如何传递消息。
  • 微信开发者工具中,可以临时开启 开发环境不校验请求域名、TLS版本及HTTPS证书 选项,跳过服务器域名校验。此时,在微信开发者工具中及手机开启调试模式时,不会进行服务器域名校验
  • 一、解决思路 在小程序开发工具设置网络代理,然后再通过Charles设置代理,将https域名转为本地接口进行访问。 以下示例的环境为win7 + 老版本的微信开发工具二、准备工作 1.配置https域名 为小程序配置request...
  • 经过一段时间的微信小程序开发,总结了一些代码片段,主要是以下几个方面: 小程序(授权、网络、录音、图像) mpvue(分包、全局变量、svg组件、组件class绑定) 小程序 授权逻辑 初次请求 -> 请求用户授权 ...
  • 所以一开始就想用外网工具映射出去然后本地来调试,后来发现我映射的域名其实跟线上的域名一点关系都没有,所以还是进不 来,后来看到了一篇文章然后发现可以通过本地host文件来让回调回到我的本地   刚开始报...
  • 微信 6.6.1 版本中,给用户推送了“玩一个小游戏才是正经事”的首屏小游戏入口,一时间整个朋友圈都在。相信很多游戏开发者心痒难耐,想一探究竟。今天就由我和王哲从技术角度给大家科普一下微信小游戏的...
  • 用小程序开发者工具时,在开发阶段,可能有些接口域名还没上线或者还没配置成小程序的白名单或者HTTPS证书等问题,但为了能正常开发,开发者工具有个设置可以先跳过域名、https等的校验。 但是,当你开发完的时候,...
  • 0 前言 最近的工作重心一直在小程序,也开发了几个小程序,对小程序开发的流程及相关技术相对比较熟悉,在开发过程中也总结了一些心得经验、了解一些小程序文档上没有的东西、踩了一些坑。所以想着写篇文章记录下来...
  • 序言 移动互联网时代,微信的影响力已经不用多说,从用户体量到无人不知的朋友圈都已充分体现了它的强大。无论是企业、媒体还是自媒体人都先后开通了微信公众号,利用其进行文化宣传和信息传播,起到了良好的效果,...
  • 一、简介 关于微信公众号的介绍就省略了,自行搜索。...这将会是个全面讲解微信公众号开发的...在开始之前最好去看看开发者文档微信公众平台技术文档 二、本地开发调试环境搭建 2.1 开发环境 - MacOs - Node v8.9.1 - ...
  • 1、微信小程序发布线上要跟服务器进行通信,必须在微信开发者后台配置服务器域名,包括普通 HTTPS 请求(wx.request)、上传文件(wx.uploadFile)、下载文件(wx.downloadFile) 和 WebSocket 通信(wx.connect...
  • 微信小程序开发的那些坑,你踩吗? textarea组件value不显示textarea组件默认值绑定data数据真机不显示问题 |?...链接scroll-view下拉刷新被请求多次在手机端会多次触发,而在微信开发者工具就能正常使用|?链接na
  • 微信开发者工具不会对代码进行trim操作,如果代码中换行,页面也直接换行。 wx:if vs hidden 一般来说,wx:if 有更高的切换消耗而 hidden 有更高的初始渲染消耗。因此,如果需要频繁切换的情景下,用 hidden 更好,...
  • 微信开放平台之第三方平台是为了让公众号或小程序运营者,在面向垂直行业需求时,可以一键授权给第三方平台,让其帮助完成业务开发,且是基于微信 CRM 的必要组成模块之一。 对于刚开始接触第三方平台开发的人员来说...
1 2 3 4 5 ... 20
收藏数 567
精华内容 226