小さなコミュニティのデモを達成するために、マイクロチャネルのクラウド開発プログラム（サプリメント）

記事を書く前に、コミュニティのデモを達成するために、クラウドの開発を使用する方法について説明します：-コミュニティクラウドデモ（エンド- ）の開発をマイクロチャネル小さなプログラムを達成するために
多くの小さなパートナーの認識をいくつかの問題がありました。

主な問題点は以下のとおりです。

公開された画像は、クロスエンド・パブリッシング画像は表示されません表示されません。
親指アップ機能の最適化
データベースは明らかではないが、
私たちは、返信機能を追加する必要があります

：これらの問題を解決するために、私は、コード、およびアドレスが更新されますdongxi346 /ドーナツをして、READMEそこに導入を使用して、またはお読みください。

PS：私の友人が助けになる点がありstarどうもありがとうございましたが。

主にこのアップデート：

発生する上記の問題を解決
最適化されたコードの構造

ピクチャー問題の原因分析は
、私が保存されていることを知っている必要があり、私の元友人を読んでwx.chooseImage API、その後、直接にはそのようにした容易にするために、一時的に画像リンクが返されます。

しかし、今、それは一時的な絵は確かに失敗になりますが、また、クロスエンド・パブリッシング画像は（パソコンと携帯電話の写真に掲載このリリースで唯一の両端に表示することができます）問題を持っている時間です

習慣の開発によると、我々は確かに最初の写真はサーバーにアップロードする必要があり、サーバーがデータベースへこの画像リンクは、クラウド開発は、ここでまた、ファイルストレージ機能を提供する画像リンクを返しますので、我々は唯一このイメージの問題を解決することができる3つの手順を実行する必要があり。

最初のステップ：
画像を選択した後、一時的に画像リンクを保存します

ステップ2：
あなたは、画像リンクを取得するために写真をアップロードするために、データベース・サーバに提出したいです

第三段階：
クラウド・データベースに格納されたデータのリリース

私は便宜上、2個の直接の最初のステップは、以下の擬似コードを合併しました。

chooseImage: function(event) {
    wx.chooseImage({
      count: 6,
      success: function(res) {
        // 设置图片
        that.setData({
          images: res.tempFilePaths,
        })
        // 这里清空一下，否则会出现图片上传重复问题
        that.data.images = []
        console.log(res.tempFilePaths)
        for (var i in res.tempFilePaths) {
          // 将图片上传至云存储空间
          wx.cloud.uploadFile({
            // 指定要上传的文件的小程序临时文件路径
            cloudPath: that.timetostr(new Date()),
            filePath: res.tempFilePaths[i],
            // 成功回调
            success: res => {
            // 获取到服务器图片链接地址
              that.data.images.push(res.fileID)
            },
          })
        }
      },
    })
  },
  /**
   * 图片路径格式化
   */
  timetostr(time){
    var randnum = Math.floor(Math.random() * (9999 - 1000)) + 1000;
    var str = randnum +"_"+ time.getMilliseconds() + ".png";
    return str;
  },

第3のステップは、データベース操作を追加することで、直接入金ピクチャフィールドthat.data.imagesライン上の値

最適化するために、親指アップ機能
の主な理由は、従来のデータベース設計に明確ではない、親指はあなたが記事に頼るべきではない、別のデータベーステーブルに配置する必要があります。

ソースコードの実装の際に参照することができます記事の詳細ソース

データベースはクリアされません。
その主な理由は、ちょうどこのデモは、データテーブルは慎重に十分に設計された、ただ機能を実装すると思いますので、細かな考えを実現するために始めています。知識のデータベースの設計ピースは、私は現在、私の考えは可能な限り、単一のテーブル構造を設計することで、部外者でした。

見るプロジェクトのREADMEをの導入を使用します

返信機能の追加
UI醜い、それが単純に加算され、正当化できないデモ機能を応答しませんでしたコミュニティを、基本的にシンプルな返信機能

ソースコードの実装の際に参照することができ返信機能出典

ます。https：//www.jianshu.com/p/60467f494d46で再現

小さなコミュニティのデモを達成するために、マイクロチャネルのクラウド開発プログラム（サプリメント）

おすすめ