• 本文原地址:http://www.php.cn/xiaochengxu-353507.html最近有很多网友私信问我们网站上下载的那些程序源码,怎么将它导入程序开发者工具中呢?因为问的人太多,今天就统一整理文章与大家分享,希望大家以后...

    最近有很多网友私信问我们网站上下载的那些小程序源码,怎么将它导入到小程序开发者工具中呢?因为问的人太多,今天就统一整理文章与大家分享,希望大家以后针对这个问题就不要再私信问我了。

    1:安装后图标:

    微信官方开发者工具如何导入小程序源码demo

    登录,随意一个微信号,扫描后即可登录

    2:选择无appleid;项目名称随意,地址选择下载好的demo文件夹

    微信官方开发者工具如何导入小程序源码demo

    注意,假如看不到效果,或者跳出这个错误

    微信官方开发者工具如何导入小程序源码demo

    有可能是项目目录选择错误了,要选择app.json文件的根目录导入(一般导致上面的错误,都是选择了其上级文件夹)

    微信官方开发者工具如何导入小程序源码demo

    比如,以下文件夹目录,需要导入红线框内的目录才是正确的目录:

    微信官方开发者工具如何导入小程序源码demo

    3:点击添加项目,即可看到项目

    微信官方开发者工具如何导入小程序源码demo

    4:删除项目

    微信官方开发者工具如何导入小程序源码demo


    展开全文
  • 导入数据库失败, Error: Poll error, 导入数据任务(id:269599)异常,错误信息:解析导入文件错误,请检查导入文件内容,仅支持导入json格式数据及excel文件,错误详情如下: JSON decoder out of sync - data ...

    问题重现

    使用微信云开发控制台导入 json 数据时,出现错误:

     

    导入数据库失败, Error: Poll error, 导入数据任务(id:269599)异常,错误信息:解析导入文件错误,请检查导入文件内容,仅支持导入json格式数据及excel文件,错误详情如下: JSON decoder out of sync - data changing underfoot?

    解决方法:

    错误原因是云开发导入的 json 格式不是标准的 json 格式(数组元素使用 , 分隔),而是类 MongoDB 格式,数组每一项使用换行 n 分隔。具体参考 https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/database/import.html

     

    Node.js 把 JSON 数组转换成云开发数据库支持导入格式代码。

    const fs = require('fs');
    
    // 读取 json 数据
    let jsons = fs.readFileSync('./contents.json', 'utf-8');
    jsons = JSON.parse(jsons);
    
    // 将 json 数组转换成字符串
    let str = '';
    for (const item of jsons) {
    	// 必须使用 \n 换行区别每个记录
    	str += JSON.stringify(item) + "\n";
    }
    
    // 保存到本地
    fs.writeFileSync('./test2.json', str);

     

    展开全文
  • 微信开发工具下载:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html?t=1474644083132 微信开发API说明:https://mp.weixin.qq.com/debug/wxadoc/dev/api/?t=201715 微信开发API组件说明:...


    微信开发工具下载:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html?t=1474644083132

    微信开发API说明:https://mp.weixin.qq.com/debug/wxadoc/dev/api/?t=201715

    微信开发API组件说明:https://mp.weixin.qq.com/debug/wxadoc/dev/component/?t=201715

    微信小程序第一个官方示例:https://mp.weixin.qq.com/debug/wxadoc/dev/demo/quickstart.zip?t=201715

    小程序平台:http://www.itqq.cc

    本文档将带你一步步创建完成一个微信小程序,并可以在手机上体验该小程序的实际效果。这个小程序的首页将会显示欢迎语以及当前用户的微信头像,点击头像,可以在新开的页面中查看当前小程序的启动日志。

    1. 获取微信小程序的 AppID

    登录 https://mp.weixin.qq.com ,就可以在网站的“设置”-“开发者设置”中,查看到微信小程序的 AppID 了,注意不可直接使用服务号或订阅号的 AppID 。

    注意:如果要以非管理员微信号在手机上体验该小程序,那么我们还需要操作“绑定开发者”。即在“用户身份”-“开发者”模块,绑定上需要体验该小程序的微信号。本教程默认注册帐号、体验都是使用管理员微信号。

    2. 创建项目

    我们需要通过开发者工具,来完成小程序创建和代码编辑。

    开发者工具安装完成后,打开并使用微信扫码登录。选择创建“项目”,填入上文获取到的 AppID ,设置一个本地项目的名称(非小程序名称),比如“我的第一个项目”,并选择一个本地的文件夹作为代码存储的目录,点击“新建项目”就可以了。

    为方便初学者了解微信小程序的基本代码结构,在创建过程中,如果选择的本地文件夹是个空文件夹,开发者工具会提示,是否需要创建一个 quick start 项目。选择“是”,开发者工具会帮助我们在开发目录里生成一个简单的 demo。

    项目创建成功后,我们就可以点击该项目,进入并看到完整的开发者工具界面,点击左侧导航,在“编辑”里可以查看和编辑我们的代码,在“调试”里可以测试代码并模拟小程序在微信客户端效果,在“项目”里可以发送到手机里预览实际效果。

    3. 编写代码

    创建小程序实例

    点击开发者工具左侧导航的“编辑”,我们可以看到这个项目,已经初始化并包含了一些简单的代码文件。最关键也是必不可少的,是 app.js、app.json、app.wxss 这三个。其中,.js后缀的是脚本文件,.json后缀的文件是配置文件,.wxss后缀的是样式表文件。微信小程序会读取这些文件,并生成小程序实例

    下面我们简单了解这三个文件的功能,方便修改以及从头开发自己的微信小程序。

    app.js是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。调用框架提供的丰富的 API,如本例的同步存储及同步读取本地数据。想了解更多可用 API,可参考 API 文档

    //app.js
    App({
      onLaunch: function () {
        //调用API从本地缓存中获取数据
        var logs = wx.getStorageSync('logs') || []
        logs.unshift(Date.now())
        wx.setStorageSync('logs', logs)
      },
      getUserInfo:function(cb){
        var that = this;
        if(this.globalData.userInfo){
          typeof cb == "function" && cb(this.globalData.userInfo)
        }else{
          //调用登录接口
          wx.login({
            success: function () {
              wx.getUserInfo({
                success: function (res) {
                  that.globalData.userInfo = res.userInfo;
                  typeof cb == "function" && cb(that.globalData.userInfo)
                }
              })
            }
          });
        }
      },
      globalData:{
        userInfo:null
      }
    })
    

    app.json 是对整个小程序的全局配置。我们可以在这个文件中配置小程序是由哪些页面组成,配置小程序的窗口背景色,配置导航条样式,配置默认标题。注意该文件不可添加任何注释。更多可配置项可参考配置详解

    {
      "pages":[
        "pages/index/index",
        "pages/logs/logs"
      ],
      "window":{
        "backgroundTextStyle":"light",
        "navigationBarBackgroundColor": "#fff",
        "navigationBarTitleText": "WeChat",
        "navigationBarTextStyle":"black"
      }
    }
    

    app.wxss 是整个小程序的公共样式表。我们可以在页面组件的 class 属性上直接使用 app.wxss 中声明的样式规则。

    /**app.wxss**/
    .container {
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      padding: 200rpx 0;
      box-sizing: border-box;
    }
    

    创建页面

    在这个教程里,我们有两个页面,index 页面和 logs 页面,即欢迎页和小程序启动日志的展示页,他们都在 pages 目录下。微信小程序中的每一个页面的【路径+页面名】都需要写在 app.json 的 pages 中,且 pages 中的第一个页面是小程序的首页。

    每一个小程序页面是由同路径下同名的四个不同后缀文件的组成,如:index.js、index.wxml、index.wxss、index.json。.js后缀的文件是脚本文件,.json后缀的文件是配置文件,.wxss后缀的是样式表文件,.wxml后缀的文件是页面结构文件。

    index.wxml 是页面的结构文件:

    <!--index.wxml-->
    <view class="container">
      <view  bindtap="bindViewTap" class="userinfo">
        <image class="userinfo-avatar" src="{{userInfo.avatarUrl}}" background-size="cover"></image>
        <text class="userinfo-nickname">{{userInfo.nickName}}</text>
      </view>
      <view class="usermotto">
        <text class="user-motto">{{motto}}</text>
      </view>
    </view>
    

    本例中使用了<view/><image/><text/>来搭建页面结构,绑定数据和交互处理函数。

    index.js 是页面的脚本文件,在这个文件中我们可以监听并处理页面的生命周期函数、获取小程序实例,声明并处理数据,响应页面交互事件等。

    //index.js
    //获取应用实例
    var app = getApp()
    Page({
      data: {
        motto: 'Hello World',
        userInfo: {}
      },
      //事件处理函数
      bindViewTap: function() {
        wx.navigateTo({
          url: '../logs/logs'
        })
      },
      onLoad: function () {
        console.log('onLoad')
        var that = this
        //调用应用实例的方法获取全局数据
        app.getUserInfo(function(userInfo){
          //更新数据
          that.setData({
            userInfo:userInfo
          })
        })
      }
    })
    

    index.wxss 是页面的样式表:

    /**index.wxss**/
    .userinfo {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    
    .userinfo-avatar {
      width: 128rpx;
      height: 128rpx;
      margin: 20rpx;
      border-radius: 50%;
    }
    
    .userinfo-nickname {
      color: #aaa;
    }
    
    .usermotto {
      margin-top: 200px;
    }
    

    页面的样式表是非必要的。当有页面样式表时,页面的样式表中的样式规则会层叠覆盖 app.wxss 中的样式规则。如果不指定页面的样式表,也可以在页面的结构文件中直接使用 app.wxss 中指定的样式规则。

    index.json 是页面的配置文件:

    页面的配置文件是非必要的。当有页面的配置文件时,配置项在该页面会覆盖 app.json 的 window 中相同的配置项。如果没有指定的页面配置文件,则在该页面直接使用 app.json 中的默认配置。

    logs 的页面结构

    <!--logs.wxml-->
    <view class="container log-list">
      <block wx:for="{{logs}}" wx:for-item="log">
        <text class="log-item">{{index + 1}}. {{log}}</text>
      </block>
    </view>
    

    logs 页面使用 <block/> 控制标签来组织代码,在 <block/> 上使用 wx:for 绑定 logs 数据,并将 logs 数据循环展开节点

    //logs.js
    var util = require('../../utils/util.js')
    Page({
      data: {
        logs: []
      },
      onLoad: function () {
        this.setData({
          logs: (wx.getStorageSync('logs') || []).map(function (log) {
            return util.formatTime(new Date(log))
          })
        })
      }
    })
    

    运行结果如下:

    4. 手机预览

    开发者工具左侧菜单栏选择"项目",点击"预览",扫码后即可在微信客户端中体验。


    展开全文
  • 主要使用了微信小程序的云开发平台,因为班级同学的信息,班长都会有Excel表格统计的信息,于是便写了一个demo,可以读取excel表格数据,然后转换成类json文件,支持程序云开发数据库批量导入。 下面直接上代码:...

    马上大学毕业了,于是最近做了一个关于班级信息的微信小程序,主要记录一些班级活动的照片、同学的通讯录。。。。。。
    主要使用了微信小程序的云开发平台,因为班级同学的信息,班长都会有Excel表格统计的信息,于是便写了一个demo,可以读取excel表格数据,然后转换成类json文件,支持小程序云开发数据库批量导入。

    下面直接上代码:

    const fs = require("fs");
    let xlsx2json = require("node-xlsx");
    let list = xlsx2json.parse("./data.xls");
    
    let excelData = list[0].data;
    
    let infoJson = [];
    
    list.forEach(element => {
        let allData = element['data']
    
        for (let lie in allData) {
            let rowValue = allData[lie]
            infoJson.push(
                {
                    "Student_ID": rowValue[0],
                    "name": rowValue[1],
                    "phoneNumber": rowValue[2]
                }
            )
        }
    });
    infoJson = infoJson.slice(1);
    let result = '';
    
    for (let i = 0; i < infoJson.length; i++) {
        result += JSON.stringify(infoJson[i])
    }
    
    result = JSON.stringify(result)
    fs.writeFile('studentInfo.json', result, 'utf-8', (error) => {
        if (error == null) {
            console.log("文件已生成")
        }
        console.log(error)
    })
    Excel文件列名

    这里我是写死了 列名,可以进一步封装一个完整的工具,等以后哪天有时间了再弄吧。

    展开全文
  • 1.申请你的AppID 请到 开发者应用登记页面 进行登记,登记并选择移动应用进行设置后,将该应用...libammsdk.jar(每个第三方应用必须要导入该sdk库,用于实现与微信的通信)API文档(供开发者查阅使用)界面小工具

    1.申请你的AppID

    请到 开发者应用登记页面 进行登记,登记并选择移动应用进行设置后,将该应用提交审核,只有审核通过的应用才能进行开发。

    2.下载微信终端开发工具包

    开发工具包主要包含3部分内容:(其中,只有libammsdk.jar是必须的)

    • libammsdk.jar(每个第三方应用必须要导入该sdk库,用于实现与微信的通信)
    • API文档(供开发者查阅使用)
    • 界面小工具源码(封装了界面表现的工具类,以及一些界面风格)

    下载:Android平台开发工具包

    3.搭建开发环境

    [1] 在Eclipse中建立你的工程。

    [2] 在工程中新建一个libs目录,将开发工具包中libs目录下的libammsdk.jar复制到该目录中(如下图所示,建立了一个名为SDK_Sample 的工程,并把jar包复制到libs目录下)。

    [3] 右键单击工程,选择Build Path中的Configure Build Path...,选中Libraries这个tab,并通过Add Jars...导入工程libs目录下的libammsdk.jar文件。(如下图所示)。

    在你需要使用微信终端API的文件中导入相应的类。

    import com.tencent.mm.sdk.openapi.WXTextObject;

    4.在代码中使用开发工具包

    [1] 注册到微信

    要使你的程序启动后微信终端能响应你的程序,必须在代码中向微信终端注册你的id。(如下图所示,可以在程序入口Activity的onCreate回调函数处,或其他合适的地方将你的应用id注册到微信。注册函数示例如下图所示。

    [2] 发送请求或响应到微信

    现在,你的程序要发送请求或发送响应到微信终端,可以通过IWXAPI的 sendReq sendResp 两个方法来实现。

    boolean sendReq(BaseReq req);

    sendReq是第三方app主动发送消息给微信,发送完成之后会切回到第三方app界面。

    boolean sendResp(BaseResp resp);

    sendResp是微信向第三方app请求数据,第三方app回应数据之后会切回到微信界面。

    sendReq的实现示例,如下图所示:

    需要注意的是,SendMessageToWX.Req的scene成员,如果scene填WXSceneSession,那么消息会发送至微信的会话内。如果scene填WXSceneTimeline(微信4.2以上支持,如果需要检查微信版本支持API的情况, 可调用IWXAPI的getWXAppSupportAPI方法,0x21020001及以上支持发送朋友圈),那么消息会发送至朋友圈。scene默认值为WXSceneSession。

    sendResp的实现与SendReq类似,如下图所示:

    具体要发送的内容由第三方app开发者定义,具体可参考微信开发工具包中的SDK Sample Demo源码。

    [3] 接收微信的请求及返回值

    如果你的程序需要接收微信发送的请求,或者接收发送到微信请求的响应结果,需要下面3步操作:

    a. 在你的包名相应目录下新建一个wxapi目录,并在该wxapi目录下新增一个WXEntryActivity类,该类继承自Activity

    (例如应用程序的包名为net.sourceforge.simcpux,则新添加的类如下图所示)

    并在manifest文件里面加上exported属性,设置为true,例如:

    b. 实现IWXAPIEventHandler接口,微信发送的请求将回调到onReq方法,发送到微信请求的响应结果将回调到onResp方法

    c. 在WXEntryActivity中将接收到的intent及实现了IWXAPIEventHandler接口的对象传递给IWXAPI接口的handleIntent方法,示例如下图:

    当微信发送请求到你的应用,将通过IWXAPIEventHandler接口的onReq方法进行回调,类似的,应用请求微信的响应结果将通过onResp回调。

    注意

    如果需要混淆代码,为了保证sdk的正常使用,需要在proguard.cfg加上下面两行配置:

    -keep class com.tencent.mm.sdk.openapi.WXMediaMessage {*;}

    -keep class com.tencent.mm.sdk.openapi.** implements com.tencent.mm.sdk.openapi.WXMediaMessage$IMediaObject {*;}

    至此,你已经能使用微信Android开发工具包的API内容了。如果想更详细了解每个API函数的用法,请查阅 Android 平台参考手册 或自行下载阅读微信SDK Sample Demo源码。

    展开全文
  • 开发 往云开发控制台里直接导入json文件 数据格式必须是这种格式的 比如是 {  "month": 1,  "active": "游泳" } {  "month": 2,  "active": "踢球&...
  • 开发工具: 开发步骤: 第一步:准备工作,用visual studio写后台数据 第二步:映射外网、路由(TP-LINK)端口,配置IIS发布项目 第三步:程序访问、调用VS的传过来的JSON字符串,展示数据 刚自己做了一...
  • 微信小程序如何导入文件的一种方法1 环境2 当你看到好的demo想自己的程序试试的时候解决方式,进入本地文件夹直接复制新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何...
  • 导入csv文件至程序云开发数据库。 报错信息: 导入数据库失败, Error: Poll error, 导入数据任务(id:515048)异常,错误信息:读取第35条数据错误,错误原因:line 36, column 560: bare " in non-quoted-field...
  • 上一篇文章https://blog.csdn.net/u014650759/article/details/90701866,我们已经安装好了微信开发者工具,并导入了一个Demo项目,这篇文章,将就开发者工具进行简单的介绍,方便你开发实用编译器,更好的开发小...
  • 现在微信小程序越来越火了,相信不少人都通过各种途径学习过微信小程序或者尝试开发,作者就是曾经由于兴趣了解开发微信小程序,最终自己的毕业设计也是开发一个微信小程序。所以现在用这篇博客记录我之前开发的...
  • 初始化只需要一次就可以,如果有多个页面可以写首页的onLoad函数。或者写需要用到云数据库的js页面的第一行。 2、调用数据库引用 再调用获取默认环境的数据库的引用: const db = wx.cloud.database(); ...
  • 微信小程序之解析XML数据前言博主本是Android开发者,由于公司业务需要开发一个微信小程序,起初并没有太在意解析XML这个问题,因为程序是用的JS,所以直接用DOMParser解析就好了嘛,而且在微信开发者工具上也是能...
  • 相信做过微信小程序的都知道,官方给出的微信web开发工具上根本就无法加载node_modules包,即使可以加载,node_modules动辄几十M的大小,程序的代码限制1M以内,微信小程序的三个不足: 1无法调用npm包 2无法...
  • 为了帮助开发者简单和高效地开发和调试微信小程序,我们原有的公众号网页调试工具的基础上,推出了全新的微信开发者工具,集成了公众号网页调试和程序调试两种开发模式。 使用公众号网页调试,开发者可以调试...
  • 在微信小程序使用Redux实现Todo list,同时集成了redux-devtools 使用了我自己写的程序的Redux绑定库:wechat-weapp-redux 使用 导入微信开发工具目录指向src运行就可以了。 开启redux-devtools 需要打开...
  • 微信小程序云开发之初体验 小程序云开发微信最近推出的新的一项能力,它弱化了后端以及运维的概念...数据库:既可在小程序前端操作,也能在云函数读写的 JSON 数据库,免费2G容量 存储:可在小程序前端上传/下...
  • 这个问题是首先要解决的,刚开始开发微信小程序,由于设置的不校验域名,所以忽略了这一点,等上线后才发现,里面数据全是空的,因为程序环境没配置好。程序环境需要https支持,也就是需要安装ssl证书,然后我就...
  • 程序是一种微信开发不需要下载安装即可使用的应用。 2. 实质 微信程序就是Hybrid技术的应用。  Hybrid App(混合模式移动应用)。  程序能够更多的可以更多的调用手机本身的功能(如位置信息,摄像头等)。 3...
  • 微信小程序云开发:使用excel-export导出excel 前言 关于小程序的excel导出,...因此,我写了此篇文章作为纪念和分享用excel-export在小程序导出excel的方法 excel-export 在node-excel-export上面有关于nodejs如何...
1 2 3 4 5 ... 20
收藏数 12,586
精华内容 5,034